/* reset styles
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/* master styles
--------------------------------------------- */

body
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 62.5%;
    background: #fff;
}

/* links */

a:link, a:visited
{
    color: #4083a9;
    outline: none;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    color: #205f82;
}

/* custom selection colors */



/* page structure
--------------------------------------------- */

#wrap
{
    background: #f0f0f0 url(../images/tile.gif) repeat -70% 0;
}
#wrap-inner
{
    padding: 25px 0 30px 0;
    background: url(../images/big-fade.png) repeat-x -70% 0;
}
#content
{
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0;
    font-size: 1.2em;
}
#main
{
    float: left;
    width: 700px;
    font-size: 1.2em;
}
#chapter-main
{
    float: left;
    width: 650px;
    font-size: 1.2em;
}
#main.main-full
{
    float: none;
    width: 940px;
}
#main div.col-50
{
    float: left;
    width: 330px;
}
#main div.col-50-last
{
    float: right;
    width: 330px;
}
#main div.col-60
{
    float: left;
    width: 560px;
}
#main div.col-70
{
    float: left;
    width: 460px;
}
#main div.col-30
{
    float: right;
    width: 220px;
}
#main div.col-2x2
{
    float: left;
    width: 460px;
}
#main div.col-2x2-last
{
    float: right;
    width: 460px;
}
#secondary
{
    float: right;
    width: 220px;
    font-size: 1.2em;
}

/* header
--------------------------------------------- */

#header
{
    background: #434950 url(../images/sharkskin.gif) repeat-x -70% 0;
}
#header-inner
{
    width: 940px;
    margin: 0 auto;
    padding: 15px 0;
}
#logo
{
    float: left;
    margin: 0;
}
#logo img
{
    height: 0;
}
#logo a, #logo span
{
    display: block;
    width: 100px;
    height: 29px;
    background: url(../images/dribbble-tm.png) no-repeat 0 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
#logo a:hover
{
    opacity: .6;
}

/* dashboard */

#dashboard
{
    float: right;
    width: 220px;
}

/* search */

#search
{
    margin: 2px 0 0 0;
    background: url(../images/search-box.gif) no-repeat top left;
}
#search input
{
    vertical-align: middle;
}
#search input#search-text
{
    width: 158px;
    margin: 0 3px 0 0;
    padding: 0 5px 0 23px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #bbb;
    border: none;
    background: transparent;
}
#search input#search-text::-webkit-input-placeholder
{
    color: #bbb;
}
#search input#search-text:focus
{
    color: #444;
    outline: none;
}

/* nav */

#nav
{
    float: left;
    width: 584px;
    margin: 2px 0 0 20px;
    color: #333;
}
#nav li
{
    float: left;
    margin: 0 4px 0 0;
    font-size: 1.25em;
    line-height: 1;
}
#nav li#t-profile, #nav li#t-signin, #nav li#t-signup
{
    float: right;
}
#nav li#t-profile img
{
    float: left;
    margin: 0 6px 0 0;
}
#nav li a
{
    display: block;
    padding: 6px 10px 7px 10px;
    text-decoration: none;
    color: #bbbfc3;
    border-style: none;
}
#nav li a:hover, #nav li#t-profile:hover a, #nav li#t-shots:hover a, #nav li#t-players:hover a, #nav li#t-explore:hover a
{
    color: #fff;
    border-style: none;
}
#nav li#t-signin a, #nav li#t-signup a
{
    padding: 0;
    margin: 6px 10px 6px 5px;
    font-size: .9em;
}
#nav li#t-signin a:hover, #nav li#t-signup a:hover
{
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#nav li#t-upld a span
{
    padding-left: 29px;
    background: url(../images/icon-upload.png) no-repeat 0 50%;
}
body#user-profile #nav li#t-profile a, body#shots #nav li#t-shots a, body#players #nav li#t-players a, body#explore #nav li#t-explore a, body#activity #nav li#t-activity a, body#upld #nav li#t-upld a, body#about #nav li#t-about a, body#following li#t-following a, body#incoming-activity li#t-activity a
{
    font-weight: bold;
    color: #fff;
    background: #3b4147;
    background: rgba(43,48,53,.53) url(../images/nav-shadow.png) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#nav li#t-profile a.url, #nav li#t-shots a.has-sub, #nav li#t-players a.has-sub, #nav li#t-explore a.has-sub
{
    padding-right: 22px;
    background-color: rgba(43,48,53,.53);
    background: url(../images/icon-submenu.png) no-repeat 100% 50%;
}
#nav li#t-profile:hover a.url, body#user-profile #nav li#t-profile:hover a.url, #nav li#t-shots:hover a.has-sub, body#shots #nav li#t-shots:hover a.has-sub, #nav li#t-players:hover a.has-sub, body#players #nav li#t-players:hover a.has-sub, #nav li#t-explore:hover a.has-sub, body#explore #nav li#t-explore:hover a.has-sub
{
    background-color: rgba(255,255,255,.12);
    background-image: url(../images/glass-light.png), url(../images/icon-submenu.png);
    background-repeat: repeat-x, no-repeat;
    background-position: 0 50%, 100% 50%;
}
body#user-profile #nav li#t-profile a.url, body#shots #nav li#t-shots a.has-sub, body#players #nav li#t-players a.has-sub, body#explore #nav li#t-explore a.has-sub
{
    background-image: url(../images/nav-shadow.png), url(../images/icon-submenu.png);
    background-repeat: repeat-x, no-repeat;
    background-position: top left, 100% 50%;
}

/* subnavs */

#nav li#t-profile:hover a, body#user-profile #nav li#t-profile:hover a, #nav li#t-shots:hover a, body#shots #nav li#t-shots:hover a, #nav li#t-players:hover a, body#players #nav li#t-players:hover a, #nav li#t-explore:hover a, body#explore #nav li#t-explore:hover a
{
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
#nav li ul.tabs
{
    position: absolute;
    display: none;
    float: left;
    width: 120px;
    padding: 5px 0;
    background: #5e656d;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    z-index: 3;
}
#nav li ul.tabs li
{
    clear: left;
    margin: 0;
    width: 100%;
}
#nav li#t-profile ul.tabs li a, body#user-profile #nav li#t-profile:hover ul.tabs li a, #nav li#t-shots ul.tabs li a, body#shots #nav li#t-shots:hover ul.tabs li a, #nav li#t-players ul.tabs li a, body#players #nav li#t-players:hover ul.tabs li a, #nav li#t-explore ul.tabs li a, body#explore #nav li#t-explore:hover ul.tabs li a
{
    padding: 5px 10px;
    font-size: .7em;
    font-weight: normal;
    color: #bbbfc3;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#nav li#t-explore ul.tabs li#t-backboard a, body#explore #nav li#t-explore:hover ul.tabs li#t-backboard a
{
    padding-left: 25px;
    background-image: url(../images/icon-backboard-sub.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
#nav li#t-profile ul.tabs li a:hover, body#user-profile #nav li#t-profile ul.tabs li a:hover, #nav li#t-shots ul.tabs li a:hover, body#shots #nav li#t-shots ul.tabs li a:hover, #nav li#t-players ul.tabs li a:hover, body#players #nav li#t-players ul.tabs li a:hover, #nav li#t-explore ul.tabs li a:hover, body#explore #nav li#t-explore ul.tabs li a:hover
{
    color: #fff;
    background: rgba(255,255,255,.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#nav li#t-profile ul.tabs li a:active, body#user-profile #nav li#t-profile ul.tabs li a:active, #nav li#t-shots ul.tabs li a:active, body#shots #nav li#t-shots ul.tabs li a:active, #nav li#t-players ul.tabs li a:active, body#players #nav li#t-players ul.tabs li a:active, #nav li#t-explore ul.tabs li a:active, body#explore #nav li#t-explore ul.tabs li a:active
{
    background: rgba(0,0,0,.15);
}

#nav li#t-profile ul.tabs li:last-child a, #nav li#t-shots ul.tabs li:last-child a, #nav li#t-players ul.tabs li:last-child a, #nav li#t-explore ul.tabs li:last-child a
{
    border-bottom: none;
}

/* main styles
--------------------------------------------- */

/* logged-in box */

#home-h
{
    position: relative;
}
#home-h img
{
    position: absolute;
    top: -16px;
    right: 5px;
}

/* homepage tagline non-logged */

a.tagline-action
{
    margin: 0 0 0 3px;
    font-size: .8em;
    font-weight: bold;
    padding-right: 12px;
    background: url(../images/icon-bluearrow.png) no-repeat 100% 4px;
}
a.tagline-action:hover
{
    background-position: 100% -18px;
}

/* default styles */

div.full
{
    width: 700px;
    margin: 0 0 20px 0;
    padding: 0;
}
div.title-alt h1, div.title-alt p
{
    padding-left: 240px;
}
div.full p
{
    font-size: 1.36em;
    line-height: 1.4;
    color: #333;
}
div.full p span.could
{
    border-bottom: 1px solid #bbb;
}
div.full h2#action
{
    margin: 20px 0 10px 0;
    text-align: left;
    font-weight: normal;
    color: #333;
}
div.full h2#action a
{
    text-decoration: underline;
    font-size: 1.6em;
}
h1
{
    font-size: 1.8em;
    line-height: 1.5em;
}
h1.title
{
    font-weight: normal;
    line-height: 1.3;
}
h1.compact
{
    font-size: 1.36em;
    font-weight: normal;
    line-height: 1.3;
    color: #333;
}
h1.compact strong
{
    color: #333;
}
h1.compact span.sep
{
    margin: 0 2px;
    color: #bbb;
    text-shadow: none;
}
h1.compact span.meta
{
    margin-left: 4px;
    font-size: 11px;
    color: #bbb;
}
h1 span.fn
{
    vertical-align: middle;
}
h1 span.badge, span.badge
{
    padding: 1px 3px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background: #9399a0 url(../images/glass.png) repeat-x 0 50%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
h1 span.badge-prospect, span.badge-prospect
{
    background-color: #9399a0;
}
h1 span.badge-pro, span.badge-pro
{
    background-color: #9399a0;
}
a:hover span.badge-pro
{
    background-color: #000;
}
a:active span.badge-pro
{
    background-color: #D3D3D3;
}
h1 span.badge-freeagent, span.badge-freeagent
{
    background-color: #f48100;
}
h1 span.badge-freeagent-avatar, span.badge-freeagent-avatar
{
    position: absolute;
    top: 83px;
    left: -6px;
    width: 92px;
    padding-top: 5px;
    padding-bottom: 3px;
    text-align: center;
    background: url(../images/freeagent-badge.png) no-repeat 0 0;
}
h1 span.callout
{
    color: #000;
}
h1 span.pro-title
{
    padding: 2px 6px;
    font-size: .7em;
    line-height: 2.1;
    vertical-align: bottom;
    text-transform: uppercase;
    color: #fff;
    background: #9399a0 url(../images/glass-light.png) repeat-x 0 50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
h1 em
{
    font-weight: normal;
    font-style: normal;
    color: #333;
}
#main div.full h1
{
    font-size: 1.6em;
}
#main div.full p
{
    font-size: 1.2em;
}
em.size
{
    font-style: normal;
    font-weight: bold;
    color: #333;
}
div.notice
{
    padding: 10px 12px;
    font-size: 1.7em;
    font-weight: normal;
    text-align: left;
    color: #fff;
    border-top: 1px solid #85aed3;
    border-bottom: 1px solid #ccc;
    background: #618fb9 url(../images/alert-lines.png) repeat-x top left;
}
div.notice h2
{
    width: 940px;
    margin: 0 auto;
    font-weight: normal;
    text-align: center;
}
div.notice a:link, div.notice a:visited
{
    color: #fff;
    text-decoration: underline;
}
div.error
{
    border-top-color: #fb6161;
    background-color: #df3b3b;
}
div.info
{
    border-top-color: #85aed3;
    background-color: #618fb9;
}
div.success
{
    border-top-color: #a4d178;
    background-color: #8aba56;
}
p.stub
{
    margin: 0 0 20px 0;
    font-size: 1.6em;
    line-height: 1.4;
    color: #bbb;
    text-align: center;
}
p.explain
{
    margin: 0 0 25px 0;
    font-size: 1.15em;
    line-height: 1.4;
}

/* small flag bubble */

h2.flag
{
    margin: 25px 0 15px 0;
    font-size: .75em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    padding: 4px 8px;
    background: url(../images/flag-bg1.gif) repeat-x 0 50%;
}
h2.flag span
{
    padding: 0 6px;
    background: url(../images/tile.gif);
}

/* small section header */

h2.section
{
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    font-size: .8em;
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.9);
    background: url(../images/border-2px.gif) repeat-x bottom left;
    overflow: hidden;
}
h2.section-alt
{
    margin: 0 0 10px 0;
    padding-bottom: 0;
    border: none;
    background: none;
}
h2.section span.meta
{
    font-weight: normal;
    line-height: .9em;
    color: #333;
}
h2.section span.alt
{
    text-transform: none;
}
h2.section span.size
{
    text-transform: none;
    font-weight: normal;
    color: #333;
}
h2.section span.section-callout
{
    color: #000;
}
h2.fans
{
    padding-left: 16px;
    background: url(../images/icon-hearts.gif) no-repeat 0 -32px;
}
h2.section a.crop
{
    float: right;
    padding-left: 16px;
    background: url(../images/icon-crop.gif) no-repeat 0 50%;
}

/* special badge */

h3.special
{
    margin: 0 0 10px 0;
    font-size: .8em;
    font-weight: normal;
    color: #333;
}
h3.special span.special-flag
{
    padding: 2px 16px 3px 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background: #000 url(../images/flag-cutout.png) no-repeat 100% 50%;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
h3.special span.special-featured
{
    background-color: #000;
}
h3.special span.special-alt
{
    background-color: #9299a0;
}
h3.special span.sponsored
{
    float: right;
    margin: 0 6px 0 0;
    color: #333;
}
h3.special span.sponsored a
{
    font-weight: bold;
    text-decoration: underline;
}
h3.special a.date-more
{
    padding-right: 12px;
    background: url(../images/icon-bluearrow.png) no-repeat 100% 2px;
}
h3.special a.date-more:hover
{
    background-position: 100% -20px;
}

/* subnav tabs */

#wrap ul.tabs
{
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    border-bottom: 1px solid rgba(255,255,255,.9);
    background: url(../images/border-2px.gif) repeat-x bottom left;
}
#wrap ul.tabs:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#wrap ul.tabs li
{
    float: left;
    margin: 0 20px 0 0;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
}
#wrap ul.tabs li.last
{
    margin-right: 0;
}
#wrap ul.tabs li span.meta
{
    font-weight: normal;
    color: #333;
}
#wrap ul.tabs li a, #wrap ul.tabs li span.empty
{
    float: left;
    padding: 0 0 8px 0;
    height: 12px;
    text-decoration: none;
}
#wrap ul.tabs li a span.meta
{
    line-height: 12px;
    color: rgba(64,131,169,.8);
}
#wrap ul.tabs li a:hover
{
    background: url(../images/tab-over-2px.gif) repeat-x bottom left;
}
#wrap ul.tabs li a:hover, #wrap ul.tabs li a:hover span.meta
{
    color: #205f82;
}
#wrap ul.tabs li.unpublished a
{
    color: #333;
}
#wrap ul.tabs li.unpublished a span.meta
{
    color: #bbb;
}
#wrap ul.tabs li.active a, #wrap ul.tabs li.active span.empty
{
    color: #333;
    background: url(../images/tab-on-2px.gif) repeat-x bottom left;
}
#wrap ul.tabs li.active a span.meta
{
    color: #333;
}
ul.tabs li a span.notify
{
    padding: 1px 8px;
    text-transform: none;
    font-weight: bold;
    color: #fff;
    background: #8aba56;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
ul.tabs li.active a span.notify
{
    background: #333;
}

/* tabs with bigger numbers */

#wrap ul.tabs-numbers
{
    margin-top: -.2em;
    font-size: 1em;
}

/* main dribbble list */

ol.dribbbles li
{
    position: relative;
    width: 220px;
    float: left;
    padding: 0;
    margin: 0 20px 30px 0;
}
ol.dribbbles li.third
{
    margin-right: 0;
}
ol.dribbbles li h2
{
    max-height: 16px;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
    color: #333;
    vertical-align: middle;
}
ol.dribbbles li h2 a img
{
    float: left;
    width: 16px;
    max-height: 16px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
ol.dribbbles li h2 a
{
    font-weight: bold;
    text-decoration: none;
}
ol.dribbbles li h2 a:hover img
{
    width: 16px;
}
ol.dribbbles li h2 span.badge
{
    font-size: 9px;
    line-height: 16px;
    vertical-align: top;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
ol.dribbbles li:hover h2 span.badge-pro
{
    opacity: 1;
}
ol.dribbbles li div.dribbble
{
    position: relative;
    clear: left;
    padding: 0 0 10px 0;
    background: url(../images/dribbble-bottom-sm.png) no-repeat bottom left;
    overflow: hidden;
}
ol.dribbbles li div.dribbble div.dribbble-shot
{
    padding: 10px;
    background: url(../images/dribbble-check-sm.gif) no-repeat top left;
}
ol.dribbbles li div.dribbble a.dribbble-over
{
    opacity: 0; /* revealed on hover with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    position: absolute;
    top: 10px;
    left: 10px;
    width: 180px;
    height: 130px;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    line-height: 2;
    text-decoration: none;
    color: #000;
    background: url(../images/zoom-bg-white.png) no-repeat bottom right;
}
ol.dribbbles li div.dribbble a.dribbble-over strong
{
    display: block;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #444;
}
ol.dribbbles li div.dribbble a.dribbble-over span.dim
{
    font-weight: bold;
    color: #333;
}
ol.dribbbles li div.dribbble a.dribbble-over em
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0 0 3px 0;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #888;
}
ol.dribbbles li div.dribbble-img
{
    width: 200px;
    height: 150px;
    overflow: hidden;
}
ol.dribbbles-tease li
{
    margin-bottom: 20px;
}
ol.dribbbles-tease li div.dribbble div.dribbble-shot
{
    background: #fff;
}
ol.dribbbles-tease li div.dribbble-img
{
    height: 130px;
}

/* mark as a rebound */

ol.dribbbles li div.dribbble div.extras
{
    position: absolute;
    bottom: 17px;
    left: 10px;
    z-index: 2;
}
ol.dribbbles li div.dribbble span.rebound-mark
{
    float: left;
    margin: 0 5px 0 0;
}
ol.dribbbles li div.dribbble span.has-rebounds
{
    padding: 0 0 0 9px;
    font-size: .78em;
    line-height: 1.5;
    color: #8aba56;
    background: url(../images/icon-rebound-source.png) no-repeat 0 0;
}

/* mark if has attachments */

ol.dribbbles li div.dribbble span.attachments-mark
{
    float: left;
}

/* tool icons */

ol.dribbbles li ul.tools
{
    margin: 10px 0 0 0;
    text-align: left;
}
/*chapters*/
ol.chapters li
{
    position: relative;
    width: 220px;
    float: left;
    padding: 0;
    margin: 0 10px 30px 0;
}
ol.chapters li.third
{
    margin-right: 0;
}
ol.chapters li h2
{
    max-height: 16px;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
    color: #333;
    vertical-align: middle;
}
ol.chapters li h2 a img
{
    float: left;
    width: 16px;
    max-height: 16px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
ol.chapters li h2 a
{
    font-weight: bold;
    text-decoration: none;
}
ol.chapters li h2 a:hover img
{
    width: 16px;
}
ol.chapters li h2 span.badge
{
    font-size: 9px;
    line-height: 16px;
    vertical-align: top;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
ol.chapters li:hover h2 span.badge-pro
{
    opacity: 1;
}
ol.chapters li div.dribbble
{
    position: relative;
    clear: left;
    padding: 0 0 10px 0;
    background: url(../images/dribbble-bottom-sm.png) no-repeat bottom left;
    overflow: hidden;
}
ol.chapters li div.dribbble div.dribbble-shot
{
    padding: 10px;
    background: url(../images/dribbble-check-sm.gif) no-repeat top left;
}
ol.chapters li div.dribbble a.dribbble-over
{
    opacity: 0; /* revealed on hover with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    position: absolute;
    top: 10px;
    left: 10px;
    width: 180px;
    height: 130px;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    line-height: 2;
    text-decoration: none;
    color: #888;
    background: url(../images/zoom-bg-white.png) no-repeat bottom right;
}
ol.chapters li div.dribbble a.dribbble-over strong
{
    display: block;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #444;
}
ol.chapters li div.dribbble a.dribbble-over span.dim
{
    font-weight: bold;
    color: #333;
}
ol.chapters li div.dribbble a.dribbble-over em
{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0 0 3px 0;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #888;
}
ol.chapters li div.dribbble-img
{
    width: 200px;
    height: 150px;
    overflow: hidden;
}
ol.dribbbles-tease li
{
    margin-bottom: 20px;
}
ol.dribbbles-tease li div.dribbble div.dribbble-shot
{
    background: #fff;
}
ol.dribbbles-tease li div.dribbble-img
{
    height: 130px;
}

/* mark as a rebound */

ol.chapters li div.dribbble div.extras
{
    position: absolute;
    bottom: 17px;
    left: 10px;
    z-index: 2;
}
ol.chapters li div.dribbble span.rebound-mark
{
    float: left;
    margin: 0 5px 0 0;
}
ol.chapters li div.dribbble span.has-rebounds
{
    padding: 0 0 0 9px;
    font-size: .78em;
    line-height: 1.5;
    color: #8aba56;
    background: url(../images/icon-rebound-source.png) no-repeat 0 0;
}

/* mark if has attachments */

ol.chapters li div.dribbble span.attachments-mark
{
    float: left;
}

/* tool icons */

ol.chapters li ul.tools
{
    margin: 10px 0 0 0;
    text-align: left;
}
ul.tools li
{
    float: right;
    width: auto;
    margin: 0 0 0 12px;
    display: inline;
    font-size: 11px;
    line-height: 1;
    color: #000;
}
ul.tools li.rebound
{
    float: left;
}
ul.tools li a
{
    text-decoration: none;
    color: #333;
}
ul.tools li.views
{
    margin-left: 0;
    border-left: none;
    padding-left: 19px;
    background: url(../images/icon-views-sm.png) no-repeat 0 50%;
}
ul.tools li.current-user-view
{
    background-image: url(../images/icon-views-sm.png);
}
li.cmnt a, li.cmnt span
{
    padding-left: 15px;
    background: url(../images/icon-comments.png) no-repeat 0 0;
}
li.cmnt a:hover
{
    background-position: 0 -15px;
}
li.current-user-cmnt a
{
    background-position: 0 0;
}
li.comments-since a
{
    background-position: 0 -45px;
}
li.fav a, li.fav span
{
    padding-left: 15px;
    background: url(../images/icon-hearts.gif) no-repeat 0 0;
}
li.fav a:hover
{
    background-position: 0 -17px;
}
li.fav.marked a, li.fav.marked span
{
    background-position: 0 -34px;
}
li.fav strong a, li.fav.marked strong a
{
    color: #333;
    text-decoration: underline;
}
ul.tools li a:hover
{
    color: #333;
}
li.progress a.fav-toggle
{
    background: url(../images/ajax-bounce.gif) no-repeat 0 0;
}

/* player cards */

#secondary ol.player-cards li
{
    margin-bottom: 20px;
}
#secondary ol.player-cards ul.player-stats li
{
    margin-bottom: 0;
}
ol.player-cards li:nth-child(3n)
{
    margin-right: 0;
}
ol.player-cards li span.freeagent-mark
{
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
    overflow: hidden;
    background: url(../images/corner-avail.png) no-repeat top left;
}
ol.player-cards li span.freeagent-mark img
{
    height: 0;
}
ol.player-cards li span.freeagent-mark:hover
{
    background-position: 0 -27px;
}
ol.player-cards li h2
{
    max-height: none;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 13px;
    line-height: 1;
    background: #fff;
}
ol.player-cards li h2 a img, ol.player-cards li h2 a:hover img
{
    width: 28px;
    max-height: 28px;
}
ol.player-cards li h2 em
{
    display: block;
    margin-left: 33px;
    padding-left: 12px;
    font-size: 11px;
    font-style: normal;
    line-height: 1.7;
    background: url(../images/icon-geo-sm.png) no-repeat 0 50%;
}
ol.player-cards li div.dribbble a.dribbble-over
{
    top: 46px;
}
ol.player-cards li div.dribbble a.prospect-url, ol.player-cards li div.dribbble span.prospect-nourl
{
    position: absolute;
    width: 200px;
    height: 84px;
    padding-top: 66px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #333;
}
ol.player-cards li div.dribbble a.prospect-url:hover
{
    color: #4083a9;
    background: rgba(0,0,0,.02);
}
ol.player-cards li div.dribbble span.prospect-nourl
{
    text-indent: -9999px;
}
ol.player-cards li div.follow-prompt
{
    float: right;
    margin: 5px 0 0 0;
    font-size: .9em;
    line-height: 12px;
}
ol.player-cards li div.follow-prompt form
{
    margin: 0;
    padding: 0;
}
ol.player-cards li a.follow, ol.player-cards li a.following
{
    float: right;
    padding: 6px;
    width: 12px;
    height: 12px;
    margin-right: 0;
}
ol.player-cards li a.follow span, ol.player-cards li a.following span
{
    float: left;
    padding-left: 12px;
    text-indent: -999em;
}
ol.player-cards li ul.player-stats
{
    padding-top: 10px;
    background: #fff;
}
ol.player-cards li ul.player-stats li
{
    float: left;
    width: auto;
    margin: 0 8px 0 0;
    padding: 0 8px 0 0;
    font-size: 15px;
    border-right: 1px solid #e5e5e5;
}
ol.player-cards li ul.player-stats li:last-child
{
    border-right: none;
}
ol.player-cards li ul.player-stats li a
{
    display: block;
    font-weight: bold;
    line-height: 1;
    color: #333;
}
ol.player-cards li ul.player-stats li a span.meta
{
    display: block;
    margin-top: 1px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    text-transform: lowercase;
    color: #bbb;
}
ol.player-cards li ul.player-stats li a:hover, ol.player-cards li ul.player-stats li a:hover span.meta
{
    color: #4083a9;
}

/* find players form */

form.find-players
{
    margin: 0 0 25px 0;
    padding: 15px;
    border: 2px solid #d9d9d9;
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#secondary form.find-players h3
{
    margin: 0;
    border: none;
    background: none;
}
form.find-players fieldset
{
    margin: 0 0 20px 0;
}
form.find-players fieldset label[for="freeagents-only"]
{
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    color: #333;
}
form.find-players fieldset label[for="freeagents-only"].active
{
    font-weight: bold;
    color: #444;
}
form.find-players input[type="text"]
{
    width: 154px;
    padding: 7px 5px 7px 30px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid rgba(255,255,255,.7);
    border-right: 1px solid rgba(255,255,255,.7);
    background-color: rgba(0,0,0,.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
form.find-players input[type="text"]::-webkit-input-placeholder
{
    color: #333;
}
form.find-players fieldset.find-players-geo input[type="text"]
{
    background: url(../images/icon-geo-search.png) no-repeat 8px 50%, url(../images/formbg.gif) repeat-x top left;
}
form.find-players fieldset.find-players-geo input[type="text"]:focus
{
    color: #333;
    border-top-color: #eee;
    background: #fff url(../images/icon-geo-search.png) no-repeat 8px 50%;
    outline-width: 0;
}
form.find-players fieldset.find-players-skills input[type="text"]
{
    background: url(../images/icon-skills.png) no-repeat 8px 50%, url(../images/formbg.gif) repeat-x top left;
}
form.find-players fieldset.find-players-skills input[type="text"]:focus
{
    color: #333;
    border-top-color: #eee;
    background: #fff url(../images/icon-skills.png) no-repeat 8px 50%;
    outline-width: 0;
}
form.find-players fieldset.find-players-dd select
{
    margin: 8px 0 0 0;
    padding: 5px;
    font-size: 14px;
}
form.find-players input[type="submit"]
{
    width: 190px;
}
ul.player-checks
{
    margin: 0 0 5px 0;
}
ul.player-checks li
{
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
    line-height: 1.4;
    color: #333;
}
ul.player-checks li.active
{
    font-weight: bold;
    color: #444;
}
ul.player-checks li input
{
    margin: 0 4px 0 0;
}
ul.player-checks li span.num, ul.player-checks li.active span.num
{
    float: right;
    margin-top: 1px;
    color: #333;
}

/* multi-grid */

div.multi
{
    margin: 15px 0;
    padding: 15px 0 0 0;
    border-top: 2px solid #ddd;
}
div.multi:first-of-type
{
    padding-top: 0;
    border-top: none;
}
div.multi ol.dribbbles
{
    float: left;
}
div.multi ol.dribbbles li.group
{
    margin: 0;
}
ol.multi-grid
{
    float: right;
    width: 480px;
}
#secondary ol.multi-grid
{
    float: none;
    width: 240px;
    margin-left: -20px;
}
ol.multi-grid li.multi-thumb
{
    position: relative;
    float: left;
    width: 88px;
    height: 66px;
    margin: 0 0 18px 20px;
    padding: 6px 6px 16px 6px;
    background: url(../images/multi-frame.png) no-repeat 0 0;
}
ol.multi-grid li.multi-thumb a.zoom
{
    float: left;
    width: 88px;
    height: 66px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
ol.multi-grid li.multi-thumb a.zoom img
{
    float: left;
    max-width: 88px;
    max-height: 66px;
    margin: 0;
    padding: 0;
}
ol.multi-grid li.multi-thumb a.zoom strong
{
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0; /* revealed with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    height: 66px;
    width: 88px;
    line-height: 66px;
    text-align: center;
    background: url(../images/multi-zoom.png) no-repeat 0 0;
}
ol.multi-grid li.multi-thumb a.zoom strong span
{
    padding: 0 0 0 18px;
    font-weight: normal;
    color: #333;
    background: url(../images/icon-like16.png) no-repeat 0 0;
}
#secondary ol.multi-rebounds li.multi-thumb a.zoom strong span
{
    color: #8aba56;
    background: url(../images/icon-hasrebounds-16.png) no-repeat 0 0;
}
ol.multi-grid li.multi-thumb a.zoom strong span.marked
{
    background-image: url(../images/icon-liked16.png);
}
ol.multi-grid li.multi-thumb div.tipsy-player
{
    display: none;
}
span.tipsy-player-link a
{
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
}
span.tipsy-player-link img.photo
{
    float: left;
    width: 16px;
    margin: 0 5px 0 0;
}
.tipsy-text
{
    display: none;
}

/* mutli grid with 5 shots */

div.multi-5 ol.multi-grid
{
    float: left;
    width: 240px;
}
div.multi-5 div.multi-meta
{
    float: left;
    margin-right: 20px;
    width: 220px;
}

/* page */

div.page
{
    padding: 20px 0 0 0;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #ccc;
}
#comments-section div.page
{
    margin-bottom: 40px;
    border-width: 1px;
}
div.page-top
{
    float: right;
    padding: 3px 0 0 0;
    border: none;
}
div.page span.disabled
{
    padding: 6px 12px;
    font-weight: normal;
    color: #bbb;
}
div.page a
{
    margin: 0;
    padding: 7px 12px;
    font-size: 1em;
    line-height: 1;
    text-decoration: none;
    color: #333;
    background: #d3d3d3 url(../images/glass-30.png) repeat-x 0 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.page-top a
{
    padding: 0;
    font-weight: normal;
    color: #4083a9;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
div.page-top span.calendar
{
    margin: 0 6px;
    padding: 2px 0;
    font-weight: bold;
}
div.page-top a.prev_page
{
    padding-left: 8px;
    padding-right: 6px;
    border-right: 1px solid #ddd;
    background: url(../images/arrow-prev.gif) no-repeat 0 3px;
}
div.page-top a.next_page
{
    padding-right: 8px;
    padding-left: 6px;
    border-left: 1px solid #ddd;
    background: url(../images/arrow-next.gif) no-repeat 100% 3px;
}
div.page a:hover
{
    color: #fff;
    background: #000 url(../images/glass-light.png) repeat-x 0 50%;
}
div.page-top a.prev_page:hover
{
    color: #205f82;
    background: url(../images/arrow-prev.gif) no-repeat 0 3px;
}
div.page-top a.next_page:hover
{
    color: #205f82;
    background: url(../images/arrow-next.gif) no-repeat 100% 3px;
}

/* add form */

#add
{
    margin: 0 0 20px 0;
    text-align: center;
}
#add fieldset#url
{
    display: none;
}
#add #add-btn
{
    margin: 20px 0 0 0;
    font-size: 1.1em;
}
#add #add-btn input.form-sub
{
    padding: 10px 50px;
}
#add #add-btn p
{
    margin: 8px 0 0 15px;
    font-size: .9em;
    color: #333;
}
#add fieldset input
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    color: #333;
}
#add fieldset#upload input
{
    width: 300px;
    padding: 10px;
    font-size: 1em;
    border: none;
    color: #555;
    background: rgba(0,0,0,.07);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#add fieldset p.toggle
{
    float: right;
    margin: 8px 0 0 10px;
    font-size: .8em;
    font-weight: bold;
}
#add p.meta
{
    margin: 20px 0 0 0;
    font-size: 12px;
    color: #333;
}

/* general form */

div.session-form
{
    margin: 0;
}
div.message
{
    float: left;
    color: #333;
}
div.message h2
{
    margin: 0 0 4px 0;
    font-size: 1.2em;
}
div.message p
{
    font-size: 1.2em;
}
form.gen-form
{
    margin: 20px 0 0 0;
}
form#invite-form
{
    margin-bottom: 30px;
}
form.plain h2
{
    margin: 0 0 12px 0;
}
form.gen-form fieldset, form.with-messages div.form-field
{
    margin: 0;
    padding: 8px 0;
}
form.plain fieldset
{
    padding: 0 0 5px 0;
    border: none;
}
form.with-messages fieldset
{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
form.gen-form fieldset.last, form.with-messages div.last
{
    border: none;
}
form.gen-form label
{
    display: block;
    float: left;
    width: 230px;
    margin: .7em 20px 2px 0;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    text-align: right;
}
form.gen-form label.label-top
{
    margin-top: 0;
}
form.plain label
{
    float: none;
    width: auto;
    margin: 0;
    text-align: left;
}
form.gen-form label.check
{
    float: none;
    width: auto;
    margin: 0;
    text-align: left;
}
form.gen-form label span
{
    margin-right: 10px;
    font-size: .8em;
    font-weight: normal;
    color: #333;
}
form.gen-form label.remember
{
    display: inline;
    font-size: 1.2em;
    font-weight: normal;
}
form.gen-form div.no-label fieldset
{
    float: left;
    margin: -3px 0 0 250px;
}
form.gen-form div.no-label span
{
    font-size: .9em;
    line-height: 1;
}
form.gen-form p.message
{
    margin: 1px 0 0 250px;
    font-size: 11px;
    line-height: 1.5em;
    color: #333;
}
form.gen-form p.message strong
{
    font-weight: bold;
    color: #333;
}
form.gen-form p.message code
{
    font-family: Monaco, monospace;
    font-size: 1.1em;
}
form.gen-form div.form-important
{
    margin: 5px 0 5px 250px;
    padding: 5px 10px;
    font-size: .8em;
    line-height: 1.5em;
    color: #505d68;
    background: rgba(118,182,217,.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
form.gen-form fieldset.check
{
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    border: none;
}
form.gen-form fieldset.check input
{
    vertical-align: middle;
    margin-right: 5px;
}
form.gen-form div.no-label fieldset input.input-check
{
    margin-right: 5px;
}
form.gen-form fieldset.check label
{
    width: auto;
    font-size: .8em;
}
form.gen-form fieldset input.form-text
{
    width: 400px;
    padding: 5px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
form.gen-form fieldset select
{
    width: 420px;
    padding: 5px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
form.gen-form fieldset textarea
{
    width: 400px;
    height: 100px;
    padding: 5px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
form.gen-form fieldset input.form-text:focus, form.gen-form fieldset select:focus, form.gen-form fieldset textarea:focus
{
    border-color: #777;
    background: #fff;
    outline-width: 0;
}
form.gen-form fieldset div.ctrl-group
{
    width: 400px;
    padding: 8px 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.8;
    color: #333;
}
form.gen-form div.form-btns
{
    padding: 10px 0 0 250px;
}
form.gen-form div.form-btns-only
{
    text-align: center;
}
form.plain div.form-btns
{
    padding-left: 0;
}
form.gen-form div.form-btns a.link
{
    float: right;
    margin: 10px 0 0 0;
    font-size: 12px;
}
form.gen-form input.signin
{
    float: left;
}
form.gen-form h3.section
{
    margin: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    background: url(../images/border-2px.gif) repeat-x 0 50%;
}
form.gen-form h3.section span
{
    padding: 0 6px;
    background: #f0f0f0 url(../images/tile.gif) repeat -70% 0;
}

form span.or
{
    margin: 0 4px;
    color: #333;
}

/* char counts */

div.form-field-bio, fieldset.bucket div.form-field
{
    position: relative;
}
span.counter
{
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
div.form-field-bio span.counter
{
    position: absolute;
    bottom: 7px;
    right: 35px;
}
fieldset.bucket div.form-field span.counter
{
    position: absolute;
    top: 14px;
    right: 0;
}
#bucket-add fieldset.bucket div.form-field span.counter, #project-add fieldset.bucket div.form-field span.counter
{
    font-size: 11px;
    right: 5px;
    top: 12px;
}
span.counter.warning
{
    color: #000;
}
span.counter.exceeded
{
    padding: 1px 4px;
    color: #fff;
    background: #df3b3b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* form buttons */

.form-sub, a.form-sub, div.comment-body form.comment button[type="submit"]
{
    padding: 7px 12px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    border: none;
    background: #000 url(../images/glass-light.png) repeat-x 0 75%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.form-sub:hover, .form-sub:focus, a.form-sub:hover, a.form-sub:focus, div.comment-body form.comment button[type="submit"]:hover, div.comment-body form.comment button[type="submit"]:focus
{
    text-decoration: none;
    color: #000;
    background-color: #D3D3D3;
}
.form-sub:active, a.form-sub:active, div.comment-body form.comment button[type="submit"]:active
{
    text-decoration: none;
    background-color: #D3D3D3;
}
.form-sub[disabled="disabled"]
{
    opacity: .4;
}
.form-btn, a.form-btn, div.comment-body form.comment button[type="cancel"]
{
    padding: 7px 12px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    color: #333 !important;
    border: none;
    background: #d3d3d3 url(../images/glass-30.png) repeat-x 0 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.form-btn:hover, .form-btn:focus, a.form-btn:hover, a.form-btn:focus, div.comment-body form.comment button[type="cancel"]:hover, div.comment-body form.comment button[type="cancel"]:focus
{
    text-decoration: none;
    background-color: #ccc;
}
.form-btn:active, a.form-btn:active, div.comment-body form.comment button[type="cancel"]:active
{
    text-decoration: none;
    background-color: #b9b9b9;
}

/* when form is in col-60 */

div.col-60 div.sign-box
{
    padding: 25px;
    text-align: center;
    border-top: 1px solid #ddd;
}
div.col-60 form.gen-form label
{
    width: 120px;
}
div.col-60 form.gen-form p.message, div.col-60 form.gen-form div.form-important, div.col-60 form.gen-form div.no-label fieldset
{
    margin-left: 140px;
}
div.col-60 form.gen-form div.form-btns
{
    padding-left: 140px;
}
div.col-60 .auth-twitter
{
    float: none;
    display: inline-block;
    margin: 0;
}

/* avatar upload form */

#avatar-preview, #avatar-preview-prefilled
{
    margin-bottom: 20px;
}
#avatar-preview form#delete-avatar-form img, #avatar-preview-prefilled img
{
    float: left;
    margin: 0 8px 10px 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
#avatar-preview-prefilled img
{
    float: none;
}
#avatar-form
{
    clear: both;
}
#avatar-preview a.edit-text
{
    margin-right: 5px;
}
#avatar-preview input.form-btn
{
    margin: 5px 0 0 0;
    font-size: .9em;
}
#avatar-preview p.info
{
    padding: 8px 0 0 0;
}

/* authentications */

a.auth-twitter, .auth-twitter
{
    display: block;
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 10px 14px 10px 42px;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    color: rgba(255,255,255,.9);
    border: none;
    background: url(../images/icon-twitter-t.png) no-repeat 12px 50%;
    background: url(../images/icon-twitter-t.png) no-repeat 12px 50%, url(../images/glass-light.png) repeat-x 0 50%;
    background-color: #1d88b4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.auth-nonlink
{
    padding-right: 26px;
    color: #555;
    border: 1px solid #ccc;
    background-color: #ddd;
}
a.auth-twitter:hover, input.auth-twitter:hover
{
    color: #fff;
    background-color: #197ea7;
}
a.auth-twitter:active, input.auth-twitter:active
{
    background-color: #15739a;
}
a.auth-generic, .auth-generic
{
    display: block;
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
    padding: 10px 14px;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    border: none;
    background: url(../images/glass-light.png) repeat-x 0 50%;
    background-color: #000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
a.auth-generic:hover, input.auth-generic:hover
{
    color: #fff;
    background-color: #D3D3D3;
}
a.auth-generic:active, input.auth-generic:active
{
    background-color: #D3D3D3;
}
a.auth-subdued, .auth-subdued
{
    background-color: #95989c;
}
a.auth-subdued:hover
{
    color: #fff;
    background-color: #8a8d91;
}
a.auth-subdued:active
{
    background-color: #7b7e82;
}


.auth-twitter a.remove
{
    position: absolute;
    top: -2px;
    right: -7px;
    margin: 6px 12px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #333;
    background: url(../images/icon-tagx.png) no-repeat 0 0;
    z-index: 3;
}
.auth-twitter a.remove:hover
{
    background-position: 0 -12px;
}
.auth-twitter a.remove img
{
    height: 0;
}

/* edit view form overrides */

div.edit-form
{
    float: right;
    width: 480px;
}
div.edit-form form.gen-form
{
    margin-top: 0;
}
div.edit-form form.gen-form fieldset.first
{
    padding-top: 0;
}
div.edit-form form.gen-form label
{
    float: none;
    width: auto;
    margin-top: 0;
    font-weight: bold;
    text-align: left;
}
div.edit-form form.gen-form label[for="screenshot_project"]
{
    margin: 0;
    padding: 0 0 0 21px;
    background: url(../images/icon-addtoproject.png) no-repeat 0 50%;
}
div.edit-form form.gen-form label[for="screenshot_project"] a
{
    font-size: 12px;
}
div.edit-form form.gen-form label[for="screenshot_project"] a.remove-from-project
{
    margin-left: 5px;
    font-weight: normal;
}
div.edit-form form.gen-form label span
{
    margin-left: 10px;
}
div.edit-form form.gen-form fieldset input.form-text
{
    width: 465px;
}
div.edit-form form.gen-form fieldset textarea
{
    width: 465px;
    height: 100px;
}
div.edit-form form.gen-form fieldset ol.projects
{
    margin: 10px 0 0 0;
}
div.edit-form form.gen-form div.form-btns
{
    padding: 10px 0 0 0;
}
div.edit-form form.gen-form div.form-btns input
{
    margin: 0;
}
div.edit-form form.gen-form fieldset p.tag-help-edit
{
    padding: 4px 60px 0 0;
    font-size: .8em;
    line-height: 1.5;
    color: #333;
}
#publish-screenshot-btn
{
    float: left;
    margin-right: 6px;
}
#cancel-screenshot-form
{
    float: left;
    padding-top: 10px;
}
#cancel-screenshot-form input
{
    margin: 0;
}

/* bucket editing */

#the-shot-group
{
    float: left;
    width: 460px;
    margin: 10px 0 0 0;
}
#the-shot-group ol.dribbbles
{
    float: left;
}
#the-shot-group ol.dribbbles li
{
    margin-right: 0;
}
#the-shot-group ol.multi-grid
{
    float: right;
    width: 240px;
    margin-left: 0;
}

div.edit-bucket
{
    width: 460px;
}
div.edit-bucket form.gen-form fieldset input.form-text
{
    width: 445px;
}
div.edit-bucket form.gen-form fieldset textarea
{
    width: 445px;
    height: 100px;
}

/* contact form overlay */

#contact-overlay
{
    font-size: 12px;
}
#contact-overlay p
{
    margin: 0 0 10px 0;
    font-size: 12px;
}
#contact-overlay div.contact-head
{
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ddd;
}
#contact-overlay div.contact-head-first
{
    margin: 15px 0 8px 0;
}
#contact-overlay div.contact-head strong
{
    float: left;
    width: 50px;
    margin: 8px 0 0 0;
}
#contact-overlay div.contact-cc strong
{
    margin: 0;
}
#contact-overlay div.contact-head span.contact-email
{
    margin-left: 3px;
    color: #333;
}
#contact-overlay div.contact-head span.note
{
    display: block;
    margin: 3px 0 0 0;
    font-size: 11px;
    color: #333;
}
#contact-overlay a.url
{
    font-weight: bold;
}
#contact-overlay div.contact-to a.url
{
    line-height: 32px;
}
#contact-overlay a.url img
{
    float: left;
    width: 24px;
    margin: 0 5px 0 0;
    padding: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.activity li a.url:hover img
{
    background: #e5e5e5;
}
#contact-overlay ul
{
    margin: 0 0 10px 0;
}
#contact-overlay ul li
{
    margin: 0 0 4px 14px;
    list-style: disc;
    font-size: 12px;
    line-height: 1.4;
    color: #333;
}
#contact-overlay ul li:last-child
{
    margin-bottom: 0;
}

/* overlay forms */

#contact-overlay form.overlay-form
{
    margin: 0;
}
#contact-overlay form.overlay-form div.form-field
{
    padding: 4px 0;
}
#contact-overlay form.overlay-form div.form-field fieldset
{
    padding-top: 3px;
    border: none;
}
#contact-overlay form.overlay-form div.contact-head fieldset
{
    margin: 0;
    padding: 0;
}
#contact-overlay form.overlay-form fieldset label
{
    display: block;
    margin: 0 0 3px 0;
    font-weight: bold;
    text-align: left;
}
#contact-overlay form.overlay-form div.contact-head fieldset label
{
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    font-weight: normal;
    color: #333;
}
#contact-overlay form.overlay-form div.contact-head fieldset input
{
    float: left;
    margin: 2px 5px 0 0;
}
#contact-overlay form.overlay-form p.message
{
    margin: 0;
    font-size: 11px;
}
#contact-overlay form.overlay-form div.form-btns
{
    margin: 10px 0 0 0;
    padding: 0;
}
#contact-overlay form.overlay-form button, #contact-overlay .form-sub, #contact-overlay .form-btn
{
    font-size: 12px;
}
#contact-overlay div.friendly
{
    margin-bottom: 10px;
}
#contact-overlay div.friendly h2
{
    font-size: 15px;
}
#contact-overlay div.friendly ul
{
    margin: 0;
}

/* dribbble view styles
--------------------------------------------- */

#screenshot-dash
{
    margin: 5px 0 0 0;
    font-size: .9em;
    font-weight: bold;
}
#screenshot-dash a.prev
{
    float: left;
    padding-left: 8px;
    background: url(../images/arrow-prev.gif) no-repeat 0 5px;
}
#screenshot-dash a.next
{
    float: right;
    padding-right: 8px;
    background: url(../images/arrow-next.gif) no-repeat 100% 5px;
}

/* the screenshot title */

div.single-title
{
    font-size: .9em;
    overflow: hidden;
}
div.single-title a img
{
    float: left;
    width: 48px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
div.single-title a:hover img
{
    background: #e5e5e5;
}
div.single-title h1
{
    margin-left: 60px;
    line-height: 1.5;
}
div.single-title span.sep
{
    margin: 0 2px;
    font-weight: normal;
    color: #bbb;
    text-shadow: none;
}
div.single-title h2, div.single-title div.shot-byline
{
    margin-left: 60px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    color: #333;
}
div.single-title div.shot-byline span.shot-byline-user
{
    float: left;
}
div.single-title div.shot-byline span.badge
{
    float: left;
    margin: 2px 0 0 5px;
    padding: 2px 3px;
}
div.single-title h2 a, div.single-title div.shot-byline a
{
    font-size: 1em;
    font-weight: bold;
}
div.single-title div.shot-byline div.follow-prompt, div.single-title div.shot-byline div.follow-prompt form
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
div.single-title div.shot-byline div.follow-prompt
{
    margin: 0 3px 0 5px;
}
div.single-title div.shot-byline a.follow, div.single-title div.shot-byline a.following
{
    margin: 2px 0 0 0;
    padding: 3px;
    width: 8px;
    height: 8px;
    margin-right: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
div.single-title div.shot-byline a.follow span, div.single-title div.shot-byline a.following span
{
    float: left;
    width: 10px;
    padding-left: 8px;
    text-indent: -999em;
}
div.single-title div.shot-byline a.follow span
{
    background-image: url(../images/icon-mini-follow.png);
    background-position: 0 0;
}
div.single-title div.shot-byline a.follow:hover span
{
    background-image: url(../images/icon-mini-follow-hov.png);
    background-position: 0 0;
}
div.single-title div.shot-byline a.following span
{
    background-image: url(../images/icon-mini-following.png);
    background-position: 0 0;
}
div.single-title div.shot-byline a.following:hover span
{
    background-image: url(../images/icon-mini-unfollow.png);
    background-position: 0 0;
}
div.fans div.fans-shot
{
    float: left;
    width: 88px;
    height: 66px;
    margin: 0 10px 0 0;
    padding: 6px 6px 16px 6px;
    background: url(../images/multi-frame.png) no-repeat 0 0;
}
div.fans div.fans-shot a
{
    float: left;
    width: 88px;
    height: 66px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
div.fans div.fans-shot a img
{
    width: auto;
    max-width: 88px;
    max-height: 66px;
    padding: 0;
    border: none;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* the screenshot */

#the-shot
{
    float: left;
    width: 440px;
    padding: 0 0 15px 0;
    background: url(../images/dribbble-shadow-lg.png) no-repeat bottom right;
}
#single
{
    width: 400px;
    min-height: 300px;
    margin: 0;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
}
#single-grid
{
    display: table;
    width: 400px;
    height: 300px;
    background: url(../images/dribbble-checkerbg-lg.gif) no-repeat top left;
    overflow: hidden;
}

.image-with-border
{
    width: 580px;
    margin: 0;
    padding: 20px;
    border: 1px solid #e5e5e5;
    background: #fff;
    overflow: hidden;
}
#single-grid #single-img
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
#single-desc
{
    margin: 10px 0 25px 0;
    padding: 0;
    color: #333;
}
#screenshot-description
{
    font-size: 1.1em;
    line-height: 1.4em;
}

/* date, dimensions and pixel count */

span.screenshot-dash, div.screenshot-dash
{
    float: left;
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #333;
}
div.screenshot-dash
{
    margin-left: 4px;
}
span.screenshot-dash span.sep, div.screenshot-dash span.sep
{
    margin: 0 4px;
    color: #ccc;
    text-shadow: 1px 1px 1px #fff;
}
span.screenshot-dash strong
{
    font-weight: bold;
}
span.screenshot-dash strong.views
{
    padding-left: 20px;
    font-weight: normal;
    background: url(../images/icon-views.png) no-repeat 0 48%;
}
strong.project
{
    padding: 1px 0 1px 21px;
    font-size: 12px;
    font-weight: normal;
    background: url(../images/icon-addtoproject.png) no-repeat 0 50%;
}
div.shot-byline strong.project-add a
{
    font-weight: normal;
    color: #333;
}
div.shot-byline strong.project-add a:hover
{
    color: #333;
}
form.remove-from-project
{
    display: none;
}
div.shot-byline:hover form.remove-from-project
{
    display: inline;
}
form.remove-from-project div
{
    display: inline;
}
form.remove-from-project input
{
    padding: 2px 0 0 2px;
    line-height: 12px;
    vertical-align: top;
    opacity: .4;
}
form.remove-from-project input:hover
{
    opacity: 1;
}
span.screenshot-dash em
{
    font-size: .8em;
    font-style: normal;
    color: #333;
}

/* rebound */

div.the-rebound
{
    margin: 20px 0 0 0;
}
div.full div.the-rebound
{
    float: left;
    width: 440px;
    margin: 10px 0 20px 0;
}
div.full div.the-rebound-img
{
    font-size: 1.2em;
}
ol.comments li div.the-rebound
{
    float: none;
    clear: none;
    width: auto;
}
div.the-rebound div.dribbble-img
{
    position: relative;
    float: left;
    width: 88px;
    height: 66px;
    margin: 0 10px 0 0;
    padding: 6px 6px 16px 6px;
    background: url(../images/multi-frame.png) no-repeat 0 0;
}
div.the-rebound div.dribbble-img a.dribbble-link
{
    float: left;
    width: 88px;
    height: 66px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
div.the-rebound div.dribbble-img a.dribbble-link img
{
    width: auto;
    max-width: 88px;
    max-height: 66px;
    padding: 0;
    border: none;
    background: none;
}
div.the-rebound a.dribbble-over
{
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0; /* revealed with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    background: url(../images/thumb-zoom.png) no-repeat 0 0;
}
h3.rebound-flag
{
    margin: 4px 0 4px 110px;
    padding: 5px 0 0 20px;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    color: #8aba56;
    background: url(../images/icon-rebound.png) no-repeat 0 5px;
}
div.the-rebound h3.rebound-title
{
    margin: 0 0 4px 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3;
}
div.the-rebound h4
{
    margin: 0 0 4px 0;
    font-size: .9em;
    line-height: 1.3;
    font-weight: normal;
    color: rgba(0,0,0,.5);
}
div.the-rebound h4 a
{
    font-weight: normal;
}
div.the-rebound h4 span.badge
{
    font-size: 9px;
    line-height: 1.8;
    vertical-align: top;
}
div.the-rebound p
{
    font-size: .9em;
    line-height: 1.3;
    color: rgba(0,0,0,.5);
}

/* attachments on shot detail */

div.attach
{
    min-height: 30px;
    margin: 20px 0 0 0;
    padding-left: 38px;
    background: url(../images/icon-attachment-lg.png) no-repeat 0 0;
}
div.attach h3
{
    margin: 0 0 5px 0;
    font-size: .75em;
    line-height: 1;
    text-transform: uppercase;
    color: #444;
}
div.attach ul li
{
    margin: 0 0 4px 0;
    font-size: .8em;
    line-height: 1;
}
div.attach ul li:last-child
{
    margin-bottom: 0;
}
div.attach ul li a
{
    font-weight: bold;
}
div.attach ul li em
{
    margin-left: 3px;
    font-size: .95em;
    font-style: normal;
    color: #bbb;
}
div.attach ul li a.delete-attachment
{
    display: inline-block;
    margin: -2px 0 0 3px;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #333;
    background: url(../images/icon-tagx.png) no-repeat 0 0;
    z-index: 3;
}
div.attach ul li a.delete-attachment:hover
{
    background-position: 0 -12px;
}
div.attach ul li a.delete-attachment img
{
    height: 0;
}
div.attach form
{
    margin-top: 10px;
}
div.attach div.attach-upld-btn
{
    margin: 5px 0 0 0;
}
div.attach div.attach-upld-btn input.form-sub
{
    padding: 5px 8px;
    font-size: .75em;
}
div.attach p.note
{
    margin: 5px 0 0 0;
    font-size: .75em;
    color: #333;
}

/* screenshot meta col */

#screenshot-meta
{
    float: right;
    margin-right: 10px;
    width: 220px;
}
#chapter-screenshot-meta
{
    float: right;
    margin-right: 10px;
    width: 270px;
}
#screenshot-edit #screenshot-meta
{
    width: 480px;
}
h3.meta-head
{
    margin-top: 20px;
    padding: 0 12px 8px 12px;
    font-size: .9em;
    font-weight: normal;
    color: #333;
}
div.meta-act
{
    border-bottom: 1px solid #ddd;
}
div.meta-act-last
{
    border-bottom: none;
}
div.meta-act .meta-act-link
{
    display: block;
    padding: 8px 12px 8px 35px;
    font-size: .9em;
    font-weight: bold;
    color: #333;
    background-repeat: no-repeat;
    background-position: 12px 50%;
    z-index: 555;
}
div.meta-act .meta-act-link em
{
    font-style: normal;
    font-weight: normal;
    color: #333;
}
div.meta-act a.meta-act-link:hover
{
    color: #555;
    background-color: rgba(255,255,255,.5);
}
div.meta-act a.meta-like
{
    background-image: url(../images/icon-like16.png);
}
div.meta-act span.meta-views
{
    background-image: url(../images/icon-views.png);
}
div.meta-act a.meta-rebound
{
    background-image: url(../images/icon-rebound16.png);
}
div.meta-act a.meta-project
{
    background: url(../images/icon-addtoproject.png) no-repeat 12px 8px;
}
div.meta-act a.meta-project span.project-name
{
    display: block;
    margin: 3px 0 0 0;
    font-size: 11px;
    font-weight: normal;
    color: #333;
}
div.meta-act a.meta-bucket
{
    background-image: url(../images/icon-bucket.png);
    background-position: 9px 8px;
}
div.meta-act div.bucketed a.meta-bucket
{
    color: #000;
    background-image: url(../images/icon-bucketed.png);
}
div.meta-act a.meta-tweet
{
    background-image: url(../images/icon-tweet16.png);
}
div.meta-act div.meta-share
{
    background-image: url(../images/icon-short16.png);
}
div.meta-act div.meta-colors
{
    padding-right: 0;
    background-image: url(../images/icon-colordrop.png);
}
div.meta-act div.meta-colors ul.color-chips
{
    margin: 1px 0 0 0;
}
div.meta-act div.meta-colors ul.color-chips li
{
    margin: 0;
}
div.meta-act div.meta-colors ul.color-chips li a
{
    width: 23px;
}
div.meta-act div.meta-colors ul.color-chips li:last-child a
{
    width: 24px;
}
div.meta-act a.meta-edit
{
    border-bottom: none;
    background-image: url(../images/icon-edit16.png);
}
div.meta-act a.meta-addtags
{
    background-image: url(../images/icon-addtags16.png);
}
div.meta-act a.meta-alljobs
{
    background-image: url(../images/icon-meta-act-back.png);
}
div.fav, div.rebound, div.bucket, div.project
{
    position: relative;
}
div.fav strong.fav-number, div.rebound strong.rebound-number, div.bucket strong.bucket-number, div.project strong.project-number
{
    position: absolute;
    top: 0;
    right: 0;
    font-size: .8em;
    font-weight: normal;
    color: #333;
    z-index: 777;
}
strong.book-description
{
    top: 0;
    right: 0;
    font-size: .8em;
    font-weight: normal;
    color: #333;
    z-index: 777;
}
div.fav strong.fav-number a, div.rebound strong.rebound-number a, div.bucket strong.bucket-number a, div.project strong.project-number a
{
    display: block;
    font-weight: bold;
    padding: 8px 12px;
}
div.fav a.action
{
    float: left;
    font-size: .9em;
    line-height: 1.2;
}
div.fav a.action span
{
    padding-left: 17px;
    background: url(../images/icon-like.gif) no-repeat 0 50%;
}
div.fav a.action:hover span
{
    background-image: url(../images/icon-liked.gif);
}
div.fav a.pass span
{
    padding-left: 26px;
    background-image: url(../images/icon-pass.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
div.meta-act div.marked a.meta-act-link
{
    color: #000;
    background-image: url(../images/icon-liked16.png);
}

div.fav .likes
{
    padding-left: 17px;
    font-weight: bold;
    background: url(../images/icon-hearts.gif) no-repeat 0 -32px;
}
div.fav span.likes
{
    font-weight: normal;
    color: #333;
    background: url(../images/icon-like.gif) no-repeat 0 50%;
}

/* help pop up */

.help-pop
{
    display: none;
    position: absolute;
    top: 6px;
    left: -19px;
    margin-left: 3px;
    padding: 2px 5px;
    -webkit-transition: opacity .2s linear;
}
div.meta-act:hover .help-pop
{
    display: block;
}
.help-pop:hover
{
    opacity: .7;
}

/* comments */

#comments-section
{
    float: left;
    width: 440px;
    margin: 25px 0;
}
ol.comments li
{
    position: relative;
}
ol.comments li.response
{
    float: none;
    width: auto;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;
    border-bottom: 1px solid #ddd;
}
ol.comments li:last-child
{
    border-bottom: none;
}
ol.comments li h2 img
{
    float: left;
    width: 32px;
    margin: 1px 10px 0 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.comments li h2 span.badge
{
    position: absolute;
    top: 43px;
    left: 0;
    width: 36px;
    height: 10px;
    margin: 2px 0 0 0;
    padding: 2px 3px;
    text-align: center;
    line-height: 1;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
ol.comments li:hover h2 span.badge
{
    opacity: 1;
}
ol.comments li h2 a:hover img
{
    background: #e5e5e5;
}
ol.comments li div.comment-body
{
    width: 388px;
    margin: 0 0 0 52px;
    overflow: hidden;
}
ol.comments li div.comment-body p
{
    margin: 0 0 10px 0;
    padding: 0;
}
ol.comments li div.comment-body p code
{
    font-family: Monaco, monospace;
    font-size: 1.1em;
    color: #333;
}
ol.comments li div.comment-body strong.plus1
{
    margin: 0 2px 0 0;
    padding: 1px 3px;
    font-size: .8em;
    color: #fff;
    background: #8aba56 url(../images/glass.png) repeat-x 0 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
ol.comments li a.posted:hover
{
    text-decoration: none;
    color: #333;
}
ol.comments li p.comment-meta
{
    margin: 0 0 15px 52px;
    font-size: .75em;
    line-height: 1;
    color: #ccc;
}
ol.comments li p.comment-meta a
{
    color: #333;
}
ol.comments li p.comment-meta a:hover
{
    color: #333;
}
ol.comments li p.comment-meta span.sep
{
    margin: 0 3px;
}

/* liking comments */

ol.comments li span.comment-meta-likes
{
    float: right;
    white-space: nowrap;
    font-size: .78em;
    line-height: 1;
}
ol.comments li a.likes-list
{
    float: right;
    font-weight: normal;
    color: #333;
    padding-left: 15px;
    background: url(../images/icon-hearts.gif) no-repeat 0 0;
}
ol.comments li a.likes-list:hover
{
    color: #555;
    background-position: 0 -17px;
}
ol.comments li a.liked-by-current-user
{
    background-position: 0 -34px;
}
ol.comments li p.comment-meta a.liked-by-current-user
{
    font-weight: bold;
    color: #000;
}

ol.comments li div.comment-likes ol.players-list
{
    margin: 0 0 10px 50px;
    padding: 0;
}
ol.comments li div.comment-likes ol.players-list li
{
    float: right;
    margin: 0;
    padding: 0;
    border: none;
}
ol.comments li div.comment-likes li img
{
    float: right;
    width: 24px;
    margin: 1px 0 5px 5px;
    padding: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.comments li div.comment-likes li a:hover img
{
    background: #e5e5e5;
}

/* rebounds */

ol.comments li div.the-rebound
{
    margin: -3px 0 5px 0;
    padding: 0;
    background: none;
}
ol.comments li.response div.comment-body div.the-rebound p
{
    margin-bottom: 6px;
}
ol.comments li ul.tools
{
    float: right;
}

/* add comment form */

div.comment-body textarea
{
    width: 424px;
    height: 100px;
    margin: 0 0 10px 0;
    padding: 5px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    color: #555;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.comment-body form.comment
{
    margin-bottom: 20px;
}
div.comment-body form.comment textarea
{
    width: 372px;
}
div.comment-body textarea:focus
{
    border-top-color: #ddd;
    background: #fff;
    outline-width: 0;
}
div.comment-body form.comment button
{
    margin-right: 4px;
}
div.comment-body form.comment input.button
{
    display: block;
    font: normal 0.9em "Helvetica Neue" , helvetica, sans-serif;
    background: #000 url(../images/signin/glass.png) repeat-x 0 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    padding: 7px 12px;
    color: #fff;
    cursor: pointer;
}
div.comment-body form.comment input.button:hover, div.comment-body form.comment input.button:focus
{
    text-decoration: none;
    background-color: #D3D3D3;
}
div.comment-body form.comment input.button:active
{
    text-decoration: none;
    background-color: #D3D3D3;
}

/* comments help */

#view-comments-help
{
    float: right;
    margin: 0 0 0 15px;
    font-size: .8em;
    font-weight: bold;
    line-height: 2.9;
}
#view-comments-help a
{
    color: #333;
    font-weight: normal;
    padding: 2px 0 0 21px;
    background: url(../images/icon-help-circle.png) no-repeat 0 50%;
}
#view-comments-help a:hover
{
    opacity: .7;
}

/* keyboard shortcut legend */

#kbd-legend
{
    clear: both;
}
#kbd-legend p
{
    margin: 0;
    padding: 30px 0 0 0;
    font-size: 12px;
    text-align: center;
    color: #bbb;
    border-top: 1px solid #ddd;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#kbd-legend p:hover
{
    color: #333;
}
#kbd-legend span
{
    margin: 0 20px;
}
#kbd-legend span strong
{
    margin: 0 4px 0 0;
}

/* prev/next navigation from shot detail */

ol.prevnext
{
    margin: -5px 0 25px 0;
}
ol.prevnext li.prev, ol.prevnext li.next
{
    position: relative;
    float: left;
    width: 88px;
    height: 66px;
    margin: 0;
    padding: 6px 6px 16px 6px;
    background: url(../images/multi-frame.png) no-repeat 0 0;
}
ol.prevnext li a, ol.prevnext li span
{
    float: left;
    width: 88px;
    height: 66px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
ol.prevnext li a img
{
    float: left;
    width: auto;
    max-width: 88px;
    max-height: 66px;
    margin: 0;
    padding: 0;
}
ol.prevnext li.next
{
    float: right;
}
ol.prevnext li a strong
{
    position: absolute;
    opacity: 0; /* revealed with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    top: 6px;
    left: 6px;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    background: url(../images/prevnext-prevover.png) no-repeat 0 0;
}
ol.prevnext li.next strong
{
    background-image: url(../images/prevnext-nextover.png);
}
ol.prevnext li.none
{
    padding: 6px 6px 14px 6px;
    background: rgba(0,0,0,.07);
}
ol.prevnext li.none span
{
    width: 78px;
    height: 50px;
    padding: 22px 5px 10px 5px;
    font-size: .75em;
    line-height: 1.4;
    color: #333;
    text-align: center;
    background: none;
}

/* search results
--------------------------------------------- */

ol.users
{
    margin: -8px 0 20px 0;
}
ol.users li
{
    border-bottom: 1px solid #ddd;
    overflow: auto;
}
ol.users li a
{
    display: block;
    margin: 0;
    padding: 7px 0;
    font-size: .9em;
    line-height: 1.9;
    overflow: auto;
}
ol.users li:last-child
{
    border-bottom: none;
}
ol.users li img
{
    float: left;
    width: 20px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.users li a
{
    font-weight: bold;
}
ol.users li a:hover img
{
    width: 20px;
    background: transparent;
    border-color: transparent;
}

/* players list */

ol.players-list
{
    margin: -8px 0 20px 0;
    font-size: .9em;
}
#secondary ol.players-list
{
    font-size: .8em;
}
ol.players-list li
{
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
ol.players-list li h4.vcard
{
    margin: 0;
}
#secondary ol.players-list li h4.vcard
{
    line-height: 1.4;
}
#secondary ol.players-list li h4.vcard img
{
    width: 24px;
    max-height: 24px;
}
ol.players-list li h4.vcard span.badge
{
    font-size: 9px;
    line-height: 20px;
    vertical-align: top;
}
ol.players-list li span.user-meta
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: .85em;
    font-weight: normal;
    line-height: 1.2;
    color: #000;
}
#secondary ol.players-list li span.user-meta
{
    font-size: .9em;
    line-height: 1;
}
ol.players-list li span.user-meta i
{
    margin: 0 4px;
    font-size: .9em;
    text-shadow: 1px 1px 1px #fff;
    color: #bbb;
}
ol.players-list li div.follow-prompt
{
    float: right;
    font-size: .9em;
    line-height: 12px;
    margin: -2px 0 0 0;
}
ol.players-list li div.follow-prompt form
{
    margin: 0;
    padding: 0;
}
ol.players-list li a.follow, ol.players-list li a.following
{
    padding: 6px;
    margin-right: 0;
}
ol.players-list li a.follow span, ol.players-list li a.following span
{
    float: left;
    padding-left: 12px;
    text-indent: -999em;
}
ol.players-list li:last-child
{
    border-bottom: none;
}

/* teaser styles
--------------------------------------------- */

#teaser
{
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 200px;
}
ol.new
{
    float: right;
    margin-right: 220px;
}
#single.edit
{
    padding: 10px;
}

/* croptastic
--------------------------------------------- */

body#crop
{
    background: #fff url(../images/checker.gif) repeat 0 -2px;
}
body#crop #header input
{
    margin: 0;
    font-size: 1.3em;
    border: none;
}
body#crop #main
{
    width: 100%;
    margin: 0;
}
#crop-form, #cancel-crop-form
{
    float: right;
    margin: 0 0 0 8px;
}
#crop-form fieldset#keep-attachment
{
    float: left;
    margin: 5px 10px 0 0;
    font-size: 1.2em;
    line-height: 1.9;
    color: rgba(255,255,255,.5);
}
#crop-form fieldset#keep-attachment input
{
    margin: 0 2px 0 0;
}
h2.crop-dim
{
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    font-size: 2.2em;
    line-height: 29px;
    font-weight: normal;
    color: rgba(255,255,255,.5);
    border-left: 1px solid rgba(255,255,255,.15);
}
h2.crop-dim em
{
    font-size: .6em;
    line-height: 1;
    font-style: normal;
    color: rgba(255,255,255,.3);
}

/* overrides for single full-width display */

#single.edit
{
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    overflow: none;
    border: none;
    background: none;
}
#single.edit #screenshot-container
{
    padding: 20px;
}
#single.edit #screenshot-container img
{
    display: block;
    margin: 0 auto;
    -webkit-box-shadow: 3px 3px 22px #444;
    -moz-box-shadow: 3px 3px 22px #444;
    box-shadow: 3px 3px 22px #444;
}

/* profile view styles
--------------------------------------------- */

div.profile
{
    position: relative;
    width: 700px;
}
div.profile-freeagent
{
    margin-bottom: 25px;
}
div.profile h1
{
    margin: 0;
    padding: 0;
    line-height: 2.5;
}
div.combo h1
{
    font-size: 18px;
    line-height: 1.5;
}
div.combo h1 span.sep
{
    margin: 0 2px;
    font-weight: normal;
    text-shadow: none;
    color: #bbb;
}
div.profile img.photo
{
    float: left;
    display: block;
    position: relative;
    width: 48px;
    max-height: 48px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
div.profile a:hover img.photo
{
    background: #e5e5e5;
}
body#profile div.profile h1, body#user-profile div.profile h1
{
    line-height: 1;
}
body#profile div.profile img.photo, body#user-profile div.profile img.photo
{
    width: 80px;
    max-height: 160px;
    margin-right: 12px;
    padding: 5px;
}
div.profile h2
{
    font-size: 1.2em;
    font-weight: normal;
    color: #333;
}
div.profile h2 strong
{
    color: #333;
}
div.profile ul.profile-details
{
    margin: 4px 0 0 0;
}
div.profile ul.profile-details li
{
    display: inline;
    margin: 0 12px 0 0;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #333;
}
div.profile ul.profile-details li strong
{
    color: #333;
}
div.profile h2.tags-header
{
    font-size: 16px;
    color: #333;
}
div.profile h2.tags-header span
{
    color: #333;
}

body#user-profile div.profile span.locality, body#profile div.profile span.locality
{
    padding: 3px 0 3px 16px;
    background: url(../images/icon-geo.png) no-repeat 0 50%;
}
body#user-profile div.profile a.url, body#profile div.profile a.url, div.combo ul.profile-details li a.url
{
    padding: 3px 0 3px 20px;
    color: #333;
    background: url(../images/icon-weburl.png) no-repeat 0 50%;
}
div.combo ul.profile-details li a.url
{
    font-size: 16px;
    line-height: 1;
}
div.profile a.twitter-player-link
{
    padding: 3px 0 3px 20px;
    color: #333;
    background: url(../images/icon-tweet16.png) no-repeat 0 50%;
}
body#user-profile div.profile a.url:hover, body#user-profile div.profile a.twitter-player-link:hover, body#profile div.profile a.url:hover, div.combo ul.profile-details li a.url:hover, body#profile div.profile a.twitter-player-link:hover
{
    color: #444;
}

/* profile stats tabs */

ul.profile-tabs
{
    margin: 20px 0 0 0;
}
div.profile-actions-stats ul.profile-tabs, div.profile-actions-shots ul.profile-tabs
{
    margin: 0;
}
ul.profile-tabs li
{
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    border-right: 1px solid #e0e0e0;
}
ul.profile-tabs li:last-child
{
    margin: 0;
    padding: 0;
    border-right: none;
}
ul.profile-tabs li a
{
    display: block;
    float: left;
}
ul.profile-tabs li span.meta
{
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
    color: #333;
}
ul.profile-tabs li a span.meta
{
    color: #333;
}
ul.profile-tabs li a:hover span.meta
{
    color: #205f82;
}
ul.profile-tabs li.active a
{
    color: #333;
}
ul.profile-tabs li.active a span.meta
{
    color: #333;
}
div.profile-actions
{
    float: right;
    width: 220px;
    margin: 5px 0 0 0;
}
div.profile-actions-stats
{
    margin: 0;
}

/* bio */

div.profile-data
{
    margin: 0 0 20px 0;
}
#secondary div.profile-data p.copy
{
    margin: 0 0 10px 0;
    font-size: .8em;
    line-height: 1.5;
    color: #333;
}
#secondary div.profile-data p.copy a
{
    font-weight: bold;
}
#secondary div.profile-data p.copy:last-child
{
    margin: 0 0 25px 0;
    word-wrap: break-word;
}
#secondary div.profile-data p.copy-skills
{
    margin: 0 0 3px 0;
}
#secondary div.profile-data p.copy strong
{
    margin-right: 2px;
    font-size: 11px;
    color: #444;
}

/* shot stats meter */

#shot-summary, #attachment-summary
{
    margin: 5px 0 25px 0;
}
#attachment-summary
{
    margin-top: -10px;
}
.pixel-meter
{
    width: 218px;
    height: 13px;
    padding: 1px;
    overflow: hidden;
    background: url(../images/pixelmeter-bg.gif) no-repeat top left;
}
.pixel-meter .published
{
    float: left;
    display: block;
    text-indent: -9999px;
    height: 11px;
    background: url(../images/pixelmeter-pink.gif) repeat-x top left;
}
#attachment-summary .pixel-meter .published
{
    background-image: url(../images/pixelmeter-graphite.gif);
}
.pixel-meter .published span
{
    display: block;
    height: 11px;
    border-right: 1px solid #d33b74;
}
#attachment-summary .pixel-meter .published span
{
    border-right-color: #515861;
}
ul.shot-legend
{
    margin: 5px 0 0 0;
    overflow: hidden;
}
ul.shot-legend li
{
    float: left;
    margin: 0 15px 0 0;
    font-size: 11px;
    font-weight: normal;
    color: #333;
}
ul.shot-legend li a
{
    color: #333;
}
ul.shot-legend li a:hover
{
    text-decoration: none;
    color: #444;
}
ul.shot-legend li em
{
    margin: 0;
    font-style: normal;
    font-weight: bold;
    color: #333;
}
ul.shot-legend li img
{
    float: left;
    margin: 2px 4px 0 0;
}

/* actions list */

ul.actions
{
    margin: 0 0 25px 0;
    font-size: 1.1em;
}
ul.actions li a
{
    font-weight: bold;
    text-decoration: underline;
}
ul.actions li#action-upload a
{
    font-size: 1.2em;
    padding: 14px 0 16px 32px;
    background: url(../images/icon-plus.gif) no-repeat 0 50%;
}
a.action, span.action
{
    float: right;
    margin: 0;
    padding: 7px 12px;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    background: #d3d3d3 url(../images/glass-30.png) repeat-x 0 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
a.action:hover, a.edit-avatar
{
    color: #fff;
    background: #333 url(../images/glass-light.png) repeat-x 0 50%;
}
a.action strong
{
    font-size: .7em;
    text-transform: uppercase;
    color: #333;
}
a.done
{
    color: #fff;
    background: #000;
}
a.done:hover
{
    background: #c5376d;
}
a.edit
{
    padding: 0;
    margin: 0 0 0 0;
}
a.edit span
{
    float: left;
    width: 15px;
    height: 15px;
    padding: 6px 8px;
}
a.edit img
{
    height: 0;
}
a.edit span
{
    background-image: url(../images/icon-edit.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
a.edit:hover span
{
    background-image: url(../images/icon-edit-white.gif);
}
a.edit-avatar
{
    float: left;
    font-size: .9em;
}
a.follow, a.following, a.contact, a.edit-account, a.draft, span.draft-pending
{
    float: left;
    margin: 6px 5px 0 0;
}
span.draft-pending
{
    color: #8aba56;
    background: none;
}
a.follow span
{
    padding-left: 18px;
    background-image: url(../images/icon-follow.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.follow:hover
{
    border-color: #8aba56;
    background-color: #8aba56;
}
a.follow:hover span
{
    background-image: url(../images/icon-follow-white.gif);
}
a.following
{
    color: #fff;
    border-color: #8aba56;
    background: #8aba56 url(../images/glass-light.png) repeat-x 0 50%;
}
a.following span
{
    padding-left: 18px;
    background-image: url(../images/icon-check-sm.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.following span strong
{
    padding-left: 5px;
}
a.following:hover span
{
    color: #f9c;
    background-image: url(../images/icon-x-sm.png);
}
a.following:hover strong
{
    color: #fff;
}
a.contact
{
    color: #fff;
    background: #9399a0 url(../images/glass-light.png) repeat-x 0 50%;
}
a.contact span
{
    padding-left: 24px;
    background-image: url(../images/icon-avail-contact.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.contact:hover
{
    border-color: #8aba56;
    background-color: #8aba56;
}
a.draft span, span.draft-pending span
{
    padding-left: 32px;
    background-image: url(../images/icon-pass-gray.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.draft:hover
{
    color: #fff;
    background: #8aba56 url(../images/glass-light.png) repeat-x 0 50%;
}
a.draft:hover span, span.draft-pending span
{
    background-image: url(../images/icon-pass-hov.png);
}
a.tags
{
    float: left;
}
a.tags span
{
    padding-left: 14px;
    background-image: url(../images/icon-tag.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.tags:hover span
{
    background-image: url(../images/icon-tag-white.gif);
}
a.tag span
{
    padding-left: 14px;
    background-image: url(../images/icon-tag.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.tag:hover span
{
    background-image: url(../images/icon-tag-white.gif);
}
a.crop span
{
    padding-left: 18px;
    background-image: url(../images/icon-crop.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}
a.crop:hover span
{
    background-image: url(../images/icon-crop-white.gif);
}
a.add-desc
{
    float: left;
    font-size: .8em;
}
a.rebound-upload
{
    color: #fff;
    background: #8aba56 url(../images/glass-light.png) repeat-x 0 50%;
}
a.rebound-upload:hover
{
    background-color: #6a9739;
}

div.full-actions
{
    float: right;
    margin: 15px 0 0 0;
}

/* site styles
--------------------------------------------- */

div.site p
{
    margin: 0 0 15px 0;
    line-height: 1.5;
}
div.site p.note
{
    font-size: .9em;
    line-height: 1.5;
    color: #333;
}
div.site p.mod
{
    margin-bottom: 25px;
}
div.site h3
{
    margin: 5px 0 0 10px;
    font-size: 1.3em;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
}
div.site div.faq h3
{
    margin: 0 0 3px 0;
}
div.site h3.empty-head
{
    margin: 5px 0 10px 0;
    font-size: 1.5em;
    color: #333;
}
div.site h3.alt
{
    margin: 5px 0 0 0;
}
div.site h3.alt2
{
    margin: 0 0 10px 0;
}
div.site ol, div.site ul
{
    margin: 0 0 30px 0;
    padding: 0 0 10px 0;
}
div.site ol li p
{
    margin: 0 0 10px 10px;
    line-height: 1.4;
}
div.site ol li
{
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.5;
    color: #333;
}
div.site ol li img
{
    display: block;
    margin: 0 auto;
}
div.site ol li.third
{
    margin-right: 0;
}
div.site ol li ul
{
    margin-top: 10px;
}
div.site ol li ul li, div.site ul li
{
    margin: 0 0 0 15px;
    list-style: disc;
    border: none;
}
div.site ol li strong
{
    color: #333;
}
div.site p.fans-comma
{
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 1;
}
p.fans-comma a
{
    font-weight: bold;
}
p.fans-comma a img
{
    width: 16px;
    margin: 0 0 0 2px;
}

/* about styles */

span.meta-right
{
    float: right;
    font-weight: normal;
    text-transform: none;
    color: #333;
}
div.full p.about
{
    margin: 0 0 25px 0;
    font-size: 1.4em;
    line-height: 1.4;
    color: #666;
}
div.full p.about strong.about-title
{
    font-size: 1.2em;
    color: #333;
}
#secondary p.copy img.follow-dribbble
{
    float: right;
    margin: 4px 0 0 10px;
}
#secondary ol.about li a
{
    font-size: 1em;
    line-height: 1.5;
}
#secondary ol.about li a em
{
    display: block;
    font-size: .8em;
    font-style: normal;
    font-weight: normal;
    color: rgba(64,131,169,.8);
}
#secondary ol.about li img
{
    width: 48px;
    margin-right: 8px;
    padding: 4px;
}
#main div.col-about
{
    width: 300px;
    margin: 0 0 30px 0;
    padding: 20px;
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#main div.col-about-34
{
    width: 420px;
}
#main div.col-about-14
{
    float: right;
    width: 220px;
}
#main div.col-about-full
{
    width: auto;
    padding: 30px;
}
#main div.col-about h2.section
{
    border-bottom: none;
}
#main div.col-about p.note
{
    margin: 20px 0 0 0;
    padding: 10px;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    color: #333;
    background: rgba(255,255,255,.6);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#main div.col-about p.note a
{
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
}
#main div.col-about p.note a span
{
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #333;
}
#main div.col-sign
{
    float: right;
}
div.about-signup
{
    margin: 20px 0 30px 0;
    font-size: .9em;
    text-align: center;
}
div.about-signup a.auth-twitter, div.about-signup a.auth-generic, div.about-signup .auth-generic
{
    float: none;
    display: inline;
    margin: 0;
    font-size: 1.2em;
    text-align: center;
}
div.about-signup p.auth-message
{
    margin: 0;
    padding: 15px 0 0 0;
    color: #333;
}
#main div.col-faq
{
    width: 315px;
    margin-bottom: 15px;
    padding: 0;
    background: none;
}
#main div.col-faq h2.section
{
    background: none;
    border-bottom: 2px solid #ddd;
}

/* pro signup styles */

div.col-pro
{
    padding-top: 115px;
}
div.col-pro-waiting
{
    padding-top: 0;
}
div.col-pro h3
{
    margin: 0 0 10px 0;
    font-size: 3em;
    line-height: 1;
    text-align: center;
    letter-spacing: -1px;
    color: #444;
}
div.col-pro h3 span
{
    margin-left: 4px;
    font-size: .5em;
    line-height: 2.1;
    vertical-align: top;
    font-weight: normal;
    letter-spacing: 0;
    color: #333;
}
div.col-pro h4
{
    margin: 0 0 10px 0;
    font-size: 1.6em;
    line-height: 1;
    text-align: center;
    letter-spacing: -1px;
    color: #444;
}
div.col-pro h4#paypal-wait
{
    padding-top: 100px;
    background: url(../images/icon-clock-lg.png) no-repeat 50% 0;
}
div.col-pro h4 span.paypal-logo
{
    font-family: Arial, sans-serif;
    font-style: italic;
    color: #206997;
}
div.col-pro h4 span.paypal-logo em
{
    color: #003664;
}
div.col-pro div.col-pro-buy
{
    margin: 0 0 15px 0;
    text-align: center;
}
div.col-pro p
{
    margin: 0 0 20px 0;
    text-align: center;
    color: #333;
}
div.col-pro p.note
{
    margin: 0 0 20px 0;
    line-height: 1.5;
    text-align: center;
    color: #333;
}
div.col-pro input.form-sub
{
    float: none;
    font-size: 2em;
    padding: 10px 40px;
}
#main div.col-ispro ul li
{
    margin: 0 0 15px 0;
    font-size: 12px;
    line-height: 1.4;
    list-style: disc;
    color: #333;
}

/* faq styles */

div.faq
{
    margin: 0 0 25px 0;
    padding: 15px 15px 0 15px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#main div.faq p
{
    margin: 0;
    padding: 0 0 15px 0;
    line-height: 1.5;
    color: #666;
}
#main div.faq h3
{
    margin: 0 0 5px 0;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.2;
}
div.site div.faq ul.text-list li, #main div.faq ul.text-list li
{
    margin: 0 0 5px 30px;
    line-height: 1.4;
    color: #333;
}
#main div.faq ul.text-list
{
    margin: 10px 0 15px 0;
}
#main div.faq ul.text-list li
{
    font-size: 12px;
    list-style: disc;
}

/* faq in sidebar */

dl.faq
{
    margin: 0 0 25px 0;
    font-size: 11px;
    line-height: 1.4;
}
dl.faq dt
{
    margin: 0 0 2px 0;
    font-weight: bold;
    color: #333;
}
dl.faq dd
{
    margin: 0 0 10px 0;
    color: #333;
}
dl.faq dd:last-child
{
    margin: 0;
    border: none;
}

/* brand styles */

#main div.faq p.alt
{
    padding: 0;
}
#main div.faq p.alt strong.important
{
    color: #ea4c89;
}
div.site ul
{
    margin: 10px 0 20px 0;
}
div.site ul.brand-list li
{
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
div.site ul.brand-list li strong
{
    display: block;
    margin: 4px 0 1px 0;
    font-size: .9em;
}
div.site ul.brand-list li em
{
    display: block;
    font-size: .9em;
    font-style: normal;
    color: #333;
}
div.site ul.brand-list li em a
{
    font-weight: bold;
}

/* advertising page */

div.adv-image
{
    float: left;
    width: 220px;
    margin: 0 0 10px 0;
}
div.adv-image img
{
    display: block;
    padding: 8px;
    border: 1px solid #ddd;
    background: #fff;
}
div.adv-meta
{
    float: right;
    width: 220px;
}
div.site ul.adv-list
{
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;
}
div.site ul.adv-list li
{
    list-style: none;
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
    border-bottom: 1px solid #ddd;
}
div.site ul.adv-list li:last-child
{
    margin-bottom: 0;
    border-bottom: none;
}
div.site ul.adv-list li span.traffic-flag
{
    display: block;
    color: #000;
}
div.site ul.adv-list li.stat
{
    text-align: left;
}
div.site ul.adv-list li.stat strong
{
    display: block;
    font-size: 2em;
    line-height: 1;
    color: rgba(0,0,0,.8);
}
div.site ul.adv-list li h4.adv-date-head
{
    font-size: .9em;
    text-transform: uppercase;
    color: #333;
}
div.site p.adv-copy
{
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}
div.site div.ad-price h3
{
    margin: 0;
    font-size: 1em;
    color: #333;
}
div.site div.ad-price h3 strong
{
    font-weight: normal;
    font-size: 1.5em;
    color: #333;
}
div.site div.ad-price p
{
    margin: 0;
    font-size: .9em;
    line-height: 1.4;
}
div.site div.ad-price em
{
    display: block;
    font-style: normal;
    font-weight: bold;
    color: #000;
}
div.col-50 p.about
{
    font-size: 1.5em;
    line-height: 1.3;
}
div.site div.col-50-last p.note
{
    margin-bottom: 0;
}
div.col-50-mod
{
    margin: 25px 0 30px 0;
    padding: 5px 20px 5px 20px;
    font-size: 1.4em;
    line-height: 1.4;
    color: rgba(0,0,0,.5);
}
div.col-50-mod ol
{
    margin: 0;
}
div.col-50-mod ol li
{
    margin: 0 0 5px 0;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee;
}
div.col-50-mod ol li:last-child
{
    margin: 0;
    padding: 0;
    border: none;
}

div.ad-special
{
    margin: 10px 0 40px 0;
    padding: 15px;
    text-align: center;
    color: rgba(255,255,255,.8);
    background: #778089;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.site div.ad-special h3
{
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    line-height: 1;
    color: rgba(255,255,255,.7);
}
div.site div.ad-special p
{
    margin: 10px 0 0 0;
    font-size: .9em;
    color: rgba(255,255,255,.5);
}
div.site div.ad-special a
{
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.4);
}
div.site ol.current-ads li
{
    float: left;
    width: 220px;
    margin: 0 20px 20px 0;
}
div.site ol.current-ads li:nth-child(4n)
{
    margin-right: 0;
}
div.site ol.current-ads li div.announce-btn
{
    float: none;
    margin-top: 0;
}
div.site ol.current-ads li div.announce-btn a img
{
    margin: 2px 5px 0 0;
}
div.site ol.current-ads li div.ad a img
{
    margin: 2px auto 5px auto;
}
div.site ol.current-ads li div.ad a strong
{
    color: #333;
}

/* testimonials */

blockquote.test
{
    margin: 0 0 20px 0;
    padding: 20px;
    background: rgba(0,0,0,.05);
    border-radius: 10px;
}
blockquote.test p.quote
{
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 1.3;
    color: #333;
}
blockquote.test p.author
{
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 1;
    text-align: right;
    color: #333;
}
blockquote.test p.author strong
{
    color: #333;
}
blockquote.test p.author a
{
    font-weight: bold;
}

/* account styles */

ol.gridsies li
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
ol.gridsies li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
ol.gridsies-halfsies li
{
    float: left;
    width: 300px;
    padding: 10px;
}
ol.gridsies li img.fig
{
    float: left;
    margin: 1px 10px 0 0;
    border-radius: 6px;
}
ol.gridsies li h3, #main div.faq ol.gridsies li h3
{
    margin: 0 0 4px 0;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1;
}
ol.gridsies li p, #main div.faq ol.gridsies li p
{
    margin-left: 64px;
    padding: 0;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}
ol.gridsies li p span.callout
{
    color: #333;
}
ol.gridsies-halfsies li p
{
    margin-left: 0;
}

/* availability toggle form */

form.availability
{
    margin: 0 0 25px 0;
}
form.availability ol li
{
    float: left;
    width: 48%;
}
form.availability ol li#availability-false
{
    float: right;
}
form.availability ol li button
{
    display: block;
    width: 100%;
    margin: 0 0 4px 0;
    padding: 10px 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #333;
    border: none;
    background: rgba(0,0,0,.07);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 0 #bbb;
    -moz-box-shadow: 0 4px 0 #bbb;
    box-shadow: 0 4px 0 #bbb;
}
form.availability ol li button:active
{
    margin: 4px 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
form.availability ol li button[disabled="disabled"]:active
{
    margin: 0 0 4px 0;
}
form.availability ol li:last-child
{
    margin: 0;
}
form.availability ol li#availability-true button[disabled="disabled"]
{
    padding: 12px 10px;
    color: #fff;
    background: #8aba56;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
}
form.availability ol li#availability-false button[disabled="disabled"]
{
    padding: 12px 10px;
    color: #fff;
    background: #9399a0;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
}

/* API docs styles
---------------------------------------------------------- */

div.site ul.list-nav
{
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}
div.site ul.list-nav li
{
    margin: 0 0 10px 0;
    list-style: none;
}
div.site ul.list-nav li a
{
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
div.site ul.list-nav li a:hover
{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
}
div.site ul.list-nav li a strong
{
    display: block;
    margin: 0 0 4px 0;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1;
}
div.site ul.list-nav li a span
{
    font-size: .9em;
    opacity: .7;
}

/* code examples */

div.code-block
{
    margin: 0 0 30px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    color: #ea4c89;
    background: #fff;
    overflow: auto;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
div.code-block pre
{
    margin: 0;
    padding: 0;
}
div.code-block pre code
{
    font-family: Monaco, monospace;
    font-size: 12px;
    line-height: 1.5;
}
div.api h2.api
{
    font-size: 1.5em;
    font-weight: normal;
}
#secondary.api h3
{
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
    background: none;
}
div.api h3.api
{
    margin: 0;
    padding: 10px 15px;
    font-size: 1em;
    line-height: 1;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ccc;
    text-shadow: 0 1px 1px #fff;
    background: rgba(85,96,106,.2) url(../images/glass.png) repeat-x 0 50%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/* general text */

div.api p
{
    margin: 0 0 10px 0;
}
div.api p.last
{
    margin: 0 0 25px 0;
}
div.api p span.api-values
{
    font-family: Monaco, monospace;
    font-size: .9em;
    color: #ea4c89;
}
div.api ul
{
    margin: 0 0 15px 0;
}
div#main.api ul li
{
    margin: 0 0 5px 40px;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}
div.api dl dt
{
    margin: 0 0 4px 0;
    font-family: Monaco, monospace;
    font-weight: normal;
}
div.api dl dd
{
    margin: 0 0 10px 0;
    color: #333;
}
div.api dl dd:last-child
{
    margin-bottom: 0;
}

/* note callout box */

div.note-box
{
    margin: 0 0 20px 0;
    padding: 15px;
    font-size: .9em;
    line-height: 1.4;
    color: #fff;
    color: rgba(255,255,255,.75);
    background: rgba(85,96,106,.7);
    overflow: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
div.note-box strong, div.api div.note-box h3
{
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: none;
    color: #fff;
}
div.note-box p:last-child
{
    margin-bottom: 0;
}
div.note-box a
{
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}

/* simple side nav list */

div.side-nav
{
    margin: 0 0 25px 0;
    padding: 15px;
    font-size: .9em;
    line-height: 1.4;
    color: rgba(255,255,255,.75);
    background: rgba(85,96,106,.1);
    overflow: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
#secondary div.side-nav h3
{
    font-size: .9em;
    color: rgba(0,0,0,.7);
}
div.side-nav ul
{
    margin: 0 0 20px 0;
}
div.side-nav ul.last
{
    margin: 0;
}
div.side-nav ul li
{
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-size: .9em;
    border-bottom: 1px solid rgba(0,0,0,.08);
}
div.side-nav ul li:last-child
{
    margin: 0;
    padding: 0;
    border-bottom: 0;
}
div.side-nav ul li a
{
    display: block;
}

/* data tables
---------------------------------------------------------- */

table.data
{
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0;
    border-collapse: collapse;
}
table.data th, table.data td
{
    margin: 0;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}
table.data td.user
{
    white-space: nowrap;
}
table.data td.num
{
    text-align: right;
}
table.data th.num
{
    text-align: right;
}
table.data td.date
{
    font-size: .9em;
    color: #333;
}
table.data td.follow div.follow-prompt
{
    float: right;
    font-size: .9em;
    line-height: 12px;
    margin: 0;
}
table.data td.follow div.follow-prompt form
{
    margin: 0;
    padding: 0;
}
table.data td.follow a.follow, table.data td.follow a.following
{
    float: right;
    padding: 6px;
    width: 12px;
    height: 12px;
    margin-right: 0;
}
table.data td.follow a.follow span, table.data td.follow a.following span
{
    float: left;
    padding-left: 12px;
    text-indent: -999em;
}
table.data td.draft a.draft, table.data td.draft span.draft-pending
{
    float: none;
    margin: 0 10px 0 0;
    font-size: .8em;
}
table.data tr:last-child th, table.data tr:last-child td
{
    border-bottom: none;
}
table.data th
{
    padding: 0 10px 5px 10px;
    text-align: left;
}
table.data h4.vcard
{
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: 0;
}
table.data h4.vcard img
{
    width: 24px;
}
table.data h4.vcard span.user-meta
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: .75em;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
}
table.invitations td form
{
    display: inline;
}
span.user-meta a.url
{
    color: #333;
}
span.user-meta a.url:hover
{
    color: #333;
}
span.user-meta a.url:hover
{
    background-position: 100% -19px;
}
table.data td blockquote
{
    margin-left: 0;
}
table.data td a.action
{
    font-size: .9em;
}
table.data td em.meta
{
    display: block;
    font-size: .9em;
    line-height: 1.4;
    font-style: normal;
    color: #333;
}
table.users-table tr:hover
{
    background: #fff;
    background: rgba(255,255,255,.5);
}
table.users-table tr:last-child td
{
    border: none;
}
table.users-table td.num
{
    font-size: 1em;
    color: #333;
}
table.users-table td.num strong
{
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}
table.users-table td.num a
{
    padding: 5px 10px;
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
table.users-table td.num a:hover
{
    color: #fff;
    text-shadow: none;
    background: #000 url(../images/glass-light.png) repeat-x 0 50%;
}
table.users-table td.num em
{
    font-size: .7em;
    font-weight: normal;
    font-style: normal;
    color: #333;
}
table.users-table th
{
    padding: 8px 20px;
    font-size: .8em;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
    border-color: #fff;
    background: url(../images/table-header-fade.png) repeat-x 0 100%;
}
table.users-table th.list-title
{
    padding-left: 10px;
}
table.users-table td
{
    vertical-align: middle;
}
table.pixel-table th, table.pixel-table td
{
    padding: 6px 0;
    font-size: .8em;
    color: #333;
}
table.pixel-table td
{
    padding-left: 8px;
    color: #333;
}
table.pixel-table tr.grouped th, table.pixel-table tr.grouped td
{
    padding-bottom: 0;
    border-bottom: none;
}
table.users-table td.passed
{
    padding-right: 34px;
    background: url(../images/icon-pass.png) no-repeat 100% 50%;
}
table.users-table td.scored
{
    padding-right: 34px;
    background: url(../images/icon-pass-rev.png) no-repeat 100% 50%;
}
table.users-table td a.follow, table.users-table td a.following
{
    margin: 0;
}

/* data table in sidebar */

#secondary table.data th, #secondary table.data td
{
    padding: 10px;
    font-size: 11px;
    vertical-align: middle;
}

/* for compact horizonal headers */

table.horiz
{
    width: auto;
}
table.horiz th
{
    padding: 10px;
}

/* pro stats styles
--------------------------------------------- */

div.stats-mod
{
    margin: 0 0 10px 0;
    padding: 10px;
    text-align: left;
    border: 2px solid #d9d9d9;
    background: rgba(0,0,0,.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
div.stats-mod-last
{
    margin-bottom: 30px;
}
div.stats-mod ul.profile-tabs
{
    margin: 0;
}
div.stats-mod ul.profile-tabs li
{
    border-color: #d0d0d0;
}
div.stats-mod h4
{
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}
div.stats-mod-primary h4
{
    margin: 0 0 2px 0;
    font-size: 2.6em;
    line-height: 1;
    letter-spacing: -1px;
}
div.stats-mod h4 span.meta
{
    margin-left: 2px;
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
div.stats-mod h4 span.meta em
{
    font-size: 11px;
    font-style: normal;
    color: #333;
}
div.stats-mod h4 span.sparkline
{
    display: block;
    min-height: 20px;
    margin: 5px 0;
}
div.stats-mod h5
{
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
div.stats-mod div.stats-sub
{
    margin: 8px 0 0 0;
    padding: 12px 0 0 0;
    border-top: 1px solid #cfcfcf;
}
div.stats-mod div.stats-sub h4
{
    font-size: .9em;
    line-height: 1;
}
div.stats-mod div.stats-sub span.meta
{
    font-size: 11px;
}
div.stats-mod div.stats-sub h4 strong
{
    padding: 2px 6px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    background: rgba(0,0,0,.3);
    border-radius: 4px;
}


/* chart wrapper */

div.stats-chart-wrapper
{
    margin: 0 0 25px 0;
    padding: 10px;
    border: 2px solid #d9d9d9;
    background: #fff;
    border-radius: 10px;
}

/* stats shots tables */

div.stats-mod-table
{
    margin: 0 0 30px 0;
    padding: 10px 0 0 0;
    border: 2px solid #d9d9d9;
    background: rgba(0,0,0,.05);
    border-radius: 10px;
}
table.stats-table
{
    margin-bottom: 0;
}
table.stats-table th
{
    padding-bottom: 10px;
    font-size: .8em;
    line-height: 1;
    text-align: right;
    color: #444;
    border: none;
}
table th.stats-table-toggle
{
    text-align: left;
    vertical-align: middle;
}
table th.stats-table-toggle strong
{
    margin: 0 5px 0 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #333;
}
table th.stats-table-toggle a
{
    margin: 0 2px 0 0;
    padding: 2px 6px;
    font-weight: bold;
    color: #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .2s background ease;
    -moz-transition: .2s background ease;
    -o-transition: .2s background ease;
    transition: .2s background ease;
}
table th.stats-table-toggle a:hover
{
    color: #555;
    background: rgba(255,255,255,.8);
}
table th.stats-table-toggle a.selected
{
    color: #333;
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 0 1px rgba(0,0,0,.3);
}
table th.sort a
{
    display: inline-block;
    margin-right: -4px;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .2s background ease;
    -moz-transition: .2s background ease;
    -o-transition: .2s background ease;
    transition: .2s background ease;
}
table th.sort a:hover
{
    background: rgba(255,255,255,.8);
}
table th.sort a.selected
{
    margin-right: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 0 1px rgba(0,0,0,.3);
}
table.stats-table td
{
    padding: 6px 10px;
    vertical-align: middle;
    border: none;
}
table.stats-table tr:last-child td:first-child
{
    border-bottom-left-radius: 10px;
}
table.stats-table tr:last-child td:last-child
{
    border-bottom-right-radius: 10px;
}
table.stats-table tr:nth-child(even) td
{
    background: rgba(255,255,255,.4);
}
table.stats-table td.the-shot
{
    width: 40px;
    padding-right: 0;
}
table.stats-table td.number
{
    font-size: 1em;
    line-height: 1;
    text-align: right;
    color: #444;
}
table.stats-table td.the-shot-details
{
    padding-left: 0;
}
table.stats-table td.the-shot-date
{
    margin: 4px 0 0 0;
    font-size: .85em;
    color: #333;
}
table.stats-table td div.stats-shot
{
    position: relative;
    float: left;
    width: 32px;
    height: 24px;
    margin: 0 15px 0 0;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
}
table.stats-table td div.stats-shot a
{
    float: left;
    width: 32px;
    height: 24px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
table.stats-table td div.stats-shot a img
{
    float: left;
    max-width: 32px;
    max-height: 24px;
    margin: 0;
    padding: 0;
}
table.stats-table td div.stats-shot a strong
{
    display: none;
}
table.stats-table td.the-users a
{
    font-weight: bold;
    line-height: 1.4;
}
table.stats-table td.the-users a img
{
    float: left;
    width: 32px;
    margin: 0 15px 0 0;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
}
table.stats-table td.the-users p.the-users-meta
{
    margin: 4px 0 0 0;
    font-size: 11px;
    line-height: 1;
    color: #333;
}
table.stats-table td.the-users p.the-users-meta span.sep
{
    color: #bbb;
}
table.stats-table td div.null
{
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
}
table.stats-table-users td div.null
{
    padding: 10px 0 20px 0;
}

/* pro styles
--------------------------------------------- */

a.pro-motion
{
    float: right;
    width: 200px;
    padding: 8px;
    text-align: center;
    color: #fff;
    border: 2px solid #ddd;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
a.pro-motion strong
{
    display: block;
    margin: 0 0 2px 0;
    font-size: 16px;
    line-height: 1;
    color: #333;
}
a.pro-motion span.badge
{
    font-size: 11px;
    line-height: 1.8;
    vertical-align: top;
}
a.pro-motion em
{
    display: block;
    font-size: .9em;
    line-height: 1.3;
    font-style: normal;
    color: #333;
}
a.pro-motion:hover
{
    border-color: #000;
    background: #000 url(../images/glass-light.png) repeat-x 0 50%;
}
a.pro-motion:hover strong, a.pro-motion:active strong
{
    color: #fff;
}
a.pro-motion:hover em, a.pro-motion:active em
{
    color: rgba(255,255,255,.8);
}
a.pro-motion:active
{
    border-color: #D3D3D3;
    background: #D3D3D3 url(../images/glass-light.png) repeat-x 0 50%;
}

/* secondary styles
--------------------------------------------- */

#secondary h3
{
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    font-size: .8em;
    line-height: 1;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.9);
    background: url(../images/border-2px.gif) repeat-x bottom left;
}
#secondary h3.color
{
    margin: 0;
    padding: 0 0 6px 0;
    border: none;
    background: none;
}
#secondary h3 span.meta
{
    font-weight: normal;
    line-height: .9;
    color: #333;
}
#secondary h3.tab
{
    padding-bottom: 0;
}
#secondary h3.tab:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#secondary h3 a.help
{
    float: right;
    margin: -3px 0 0 0;
}
#secondary h3 a.help img
{
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
#secondary h3 a.help:hover img
{
    opacity: .5;
}
.tab a
{
    float: left;
    padding: 0 12px 8px 0;
    font-weight: bold;
    background: url(../images/icon-bluearrow.png) no-repeat 100% 2px;
}
.tab a:hover
{
    background-position: 100% -20px;
}
#secondary h3.tab a span.meta
{
    color: rgba(64,131,169,.8);
}
.tab a:hover, #secondary h3.tab a:hover span.meta
{
    text-decoration: none;
    color: #205f82;
}
#secondary h3.more-from-player a
{
    text-transform: none;
}
#secondary h3 a.hex-chip
{
    display: inline-block;
    width: 23px;
    font-size: 9px;
    line-height: 1.3;
    vertical-align: bottom;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset, 1px 1px 0 #fff;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset, 1px 1px 0 #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset, 1px 1px 0 #fff;
}

#secondary h3 strong
{
    font-weight: bold;
    color: #333;
}
#secondary h3 em
{
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
    color: #333;
}
#secondary h4.title
{
    font-size: 1.1em;
    padding: 10px 0 0 0;
    margin: 0 0 5px 0;
}
#secondary span.size
{
    margin-left: 3px;
    font-size: .9em;
    font-weight: normal;
    color: #333;
}
#secondary h3 a.all
{
    float: right;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.8;
}
#secondary h3 a.help
{
    float: right;
    font-size: .9em;
    font-weight: normal;
    line-height: 1.4;
}
#secondary p.info, #secondary ul.info
{
    margin: 0 0 10px 0;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}
#secondary p.copy
{
    margin: 0 0 25px 0;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}
#secondary p.copy-note
{
    font-size: 11px;
    line-height: 1.4;
}
#secondary p.copy-confirm
{
    margin-top: -15px;
}


/* ad block */

div.ad-top-wrap
{
    margin: 18px 0 0 0;
}
div.ad-showcase
{
    width: 220px;
    margin: 0 auto;
}
div.ad
{
    margin: 0 0 20px 0;
    padding: 10px 15px;
    background: rgba(0,0,0,.05);
    font-size: .75em;
    font-weight: normal;
    text-align: center;
    color: rgba(0,0,0,.6);
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.ad a.flag
{
    display: block;
    margin: 0 0 6px 0;
    padding: 0;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
    color: #333;
}
div.ad a.flag:hover
{
    color: #333;
}
body#rates ol.current-ads li div.ad a.flag
{
    display: none;
}
body#rates ol.current-ads li div.ad
{
    height: 160px;
}
div.ad a img
{
    display: block;
    margin: 2px auto 5px auto;
}
div.ad p
{
    margin: 0;
}
div.ad p a
{
    font-style: normal;
    font-weight: bold;
    color: #4083a9;
}
div.ad a:hover
{
    text-decoration: none;
}

/* partners block */

div.partner-mod
{
    margin: 0 0 25px 0;
}
div.partner-mod img
{
    display: block;
    margin: 10px 0;
}
div.partner-mod p
{
    margin: 0 0 10px 0;
    font-size: .8em;
    line-height: 1.4em;
    color: #333;
}

/* admin links */

ul.admin
{
    padding: 10px 0 0 12px;
    margin: 10px 0 25px 0;
    border-top: 1px solid #ddd;
}
ul.admin li
{
    margin: 0 0 5px 0;
    font-weight: normal;
}
ul.admin li.status
{
    font-weight: bold;
    color: #000;
}
ul.admin li.edit a
{
    padding-left: 13px;
    font-size: .75em;
    line-height: 1;
    color: #333;
    background: url(../images/icon-editsm.gif) no-repeat 0 1px;
}
ul.admin li.flag a
{
    padding-left: 13px;
    font-size: .75em;
    line-height: 1;
    color: #333;
    background: url(../images/icon-flag.gif) no-repeat 0 1px;
}
ul.admin li a.unflag
{
    color: #000;
    background-image: url(../images/icon-flagged.gif);
}
ul.admin li a:hover.unflag
{
    color: #000;
}
ul.admin li.block a
{
    padding-left: 13px;
    font-size: .75em;
    line-height: 1;
    color: #333;
    background: url(../images/icon-block.png) no-repeat 0 1px;
}
ul.admin li a.unblock
{
    color: #000;
    background-image: url(../images/icon-blocked.png);
}
ul.admin li a:hover.unblock
{
    color: #000;
}
ul.admin li.suspend a
{
    padding-left: 13px;
    font-size: .75em;
    line-height: 1;
    color: #333;
    background: url(../images/icon-lock.png) no-repeat 0 1px;
}
ul.admin li a.unsuspend
{
    color: #000;
    background-image: url(../images/icon-locked.png);
}
ul.admin li a:hover.unsuspend
{
    color: #000;
}
ul.admin li.publish-unpublish a
{
    padding-left: 13px;
    font-size: .75em;
    line-height: 1;
    color: #333;
    background: url(../images/icon-lock.png) no-repeat 0 1px;
}
ul.admin li a.publish
{
    color: #000;
    background-image: url(../images/icon-locked.png);
}
ul.admin li a.publish:hover
{
    color: #000;
}
ul.admin li.delete a
{
    padding-left: 13px;
    font-size: .75em;
    color: #333;
    background: url(../images/icon-xxs.gif) no-repeat 0 2px;
}
ul.admin li.featured-playoff a, ul.admin li.player-card a
{
    padding-left: 13px;
    font-size: .75em;
    color: #333;
    background: url(../images/icon-xs-star.png) no-repeat 0 1px;
}
ul.admin li a:hover
{
    color: #333;
    text-decoration: none;
}
ul.admin li a em
{
    float: right;
    margin: 3px 0 0 0;
    font-style: normal;
    color: #333;
}
ul.admin li a:hover em
{
    color: #333;
}

/* activity list */

ol.activity
{
    margin: -8px 0 20px 0;
}
ol.activity li
{
    padding: 15px 0;
    font-size: 1em;
    line-height: 1.4;
    border-bottom: 2px solid #ddd;
    overflow: hidden;
}
ol.activity li div.act-shot
{
    position: relative;
    float: left;
    width: 88px;
    height: 66px;
    margin: 0 15px 0 0;
    padding: 6px 6px 16px 6px;
    background: url(../images/multi-frame.png) no-repeat 0 0;
}
ol.activity li div.act-shot a
{
    float: left;
    width: 88px;
    height: 66px;
    background: url(../images/checker-10x10.gif);
    overflow: hidden;
}
ol.activity li div.act-shot a img
{
    float: left;
    max-width: 88px;
    max-height: 66px;
    margin: 0;
    padding: 0;
}
ol.activity li div.act-shot a strong
{
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0; /* revealed with jQuery */
    filter: alpha(opacity = 0); /* IE hack */
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    background: url(../images/thumb-zoom.png) no-repeat 0 0;
}
ol.activity li:last-child
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
ol.activity li div.act-item
{
    float: right;
    width: 554px;
}
ol.activity li.drafted strong, ol.activity li.allot strong
{
    font-weight: bold;
    color: #333;
}
ol.activity li.drafted
{
    padding-left: 151px;
    background: url(../images/icon-drafted-star.png) no-repeat 117px 18px;
}
ol.activity li.comment div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-actcom.png) no-repeat 0 14px;
}
ol.activity li.comment-followup div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-comment-followup.png) no-repeat 0 14px;
}
ol.activity li.like div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-actlike.png) no-repeat 0 13px;
}
ol.activity li.like-comment div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-commentlike.png) no-repeat 0 13px;
}
ol.activity li.bucket-created div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-bucket.png) no-repeat 0 2px;
}
ol.activity li.bucketed div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-bucket.png) no-repeat 0 13px;
}
ol.activity li.dribbbled div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-dribbbled.png) no-repeat 0 15px;
}
ol.activity li.rebound div.act-item
{
    padding-left: 30px;
    background: url(../images/icon-rebound.png) no-repeat 0 11px;
}
ol.activity li.allot
{
    padding-left: 151px;
    background: url(../images/icon-scored-plus.png) no-repeat 117px 17px;
}
ol.activity li.new-invites
{
    padding-left: 151px;
    background: url(../images/icon-scored-invites.png) no-repeat 118px 18px;
}
ol.activity li.followed
{
    padding-left: 151px;
    background: url(../images/icon-actfollowed.png) no-repeat 118px 18px;
}
ol.activity li a
{
    font-weight: bold;
}
ol.activity li em.time
{
    display: block;
    font-size: .85em;
    font-style: normal;
    line-height: 1.5;
    color: #333;
}

ol.activity li span.act-story
{
    position: relative;
    margin: 0 0 5px 0;
    display: block;
    line-height: 1.4;
}
ol.activity li span.act-story span.badge, ol.activity li span.act-comment-story span.badge
{
    position: absolute;
    top: 43px;
    left: 0;
    width: 36px;
    height: 10px;
    margin: 2px 0 0 0;
    padding: 2px 3px;
    text-align: center;
    line-height: 1;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
ol.activity li:hover span.act-story span.badge, ol.activity li:hover span.act-comment-story span.badge
{
    opacity: 1;
}
ol.activity li a.url img
{
    float: left;
    width: 32px;
    margin: 0 10px 20px 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.activity li a.url:hover img
{
    background: #e5e5e5;
}
ol.activity li div.act-comment
{
    margin: 0 0 0 52px;
    font-size: 1em;
}
ol.activity li div.act-comment p
{
    margin: 0 0 15px 0;
}
ol.activity li div.act-comment p:last-child
{
    margin: 0;
}
ol.activity li div.act-comment-liked
{
    float: right;
    width: 554px;
    margin: 5px 0 0 0;
    font-size: .85em;
    line-height: 1.5;
    color: #333;
}
ol.activity li div.act-comment-liked blockquote
{
    margin: 0 0 0 52px;
}
ol.activity li div.act-comment-liked span.act-comment-story
{
    position: relative;
    display: block;
    color: #333;
}
ol.activity li div.act-comment-liked a.act-comment-time
{
    font-weight: normal;
}

ol.activity li div.the-rebound
{
    margin: 5px 0;
}
ol.activity li ol.comments li.rebound-with-comment h2 em
{
    line-height: 1.5;
}
ol.activity li.rebound h3.rebound-flag
{
    margin: 4px 0;
    padding-left: 0;
    font-size: .75em;
    line-height: 1.2;
    font-weight: bold;
    background: none;
}
ol.activity li ol.comments li.rebound h3.rebound-title
{
    margin: 0 0 4px 0;
    font-size: 1em;
}

/* mini activity in sidebar */

ol.activity-mini
{
    margin: -8px 0 20px 0;
}
ol.activity-mini li
{
    padding: 8px 0 8px 24px;
    font-size: .85em;
    line-height: 1.4;
    color: #333;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
ol.activity-mini li:last-child
{
    padding-bottom: 0;
    border-bottom: none;
}
ol.activity-mini strong
{
    font-weight: normal;
    color: #444;
}
ol.activity-mini li.drafted
{
    background: url(../images/icon-drafted-star.png) no-repeat 0 7px;
}
ol.activity-mini li.score
{
    background: url(../images/icon-scored-plus.png) no-repeat 0 8px;
}
ol.activity-mini li.comment
{
    background: url(../images/icon-actcom.png) no-repeat 0 10px;
}
ol.activity-mini li.comment-followup
{
    background: url(../images/icon-comment-followup.png) no-repeat 0 10px;
}
ol.activity-mini li.like
{
    background: url(../images/icon-actlike.png) no-repeat 0 9px;
}
ol.activity-mini li.like-comment
{
    background: url(../images/icon-commentlike.png) no-repeat 0 10px;
}
ol.activity-mini li.bucket-created
{
    background: url(../images/icon-bucket.png) no-repeat 0 8px;
}
ol.activity-mini li.bucketed
{
    background: url(../images/icon-bucket.png) no-repeat 0 8px;
}
ol.activity-mini li.followed
{
    background: url(../images/icon-actfollowed.png) no-repeat 0 10px;
}
ol.activity-mini li.dribbbled
{
    background: url(../images/icon-dribbbled.png) no-repeat 0 8px;
}
ol.activity-mini li.rebound
{
    background: url(../images/icon-rebound.png) no-repeat 0 7px;
}
ol.activity-mini li.allot
{
    background: url(../images/icon-scored-plus.png) no-repeat 0 8px;
}
ol.activity-mini li.new-invites
{
    background: url(../images/icon-scored-invites.png) no-repeat 0 10px;
}
ol.activity-mini li span.vcard
{
    margin: 2px 0;
}
ol.activity-mini li a
{
    font-weight: bold;
}
ol.activity-mini li em.time
{
    display: block;
    font-size: .9em;
    font-style: normal;
    color: #333;
}

/* avatar list */

ol.people
{
    margin: 0 0 20px 0;
}
ol.people li img
{
    float: left;
    width: 30px;
    margin: 0 6px 6px 0;
    vertical-align: middle;
    padding: 4px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
ol.people li a:hover img
{
    background: #e5e5e5;
}
ol.people li a.all
{
    float: left;
    margin: 9px 0 0 0;
    padding: 4px 8px;
    font-weight: bold;
    font-size: .8em;
    line-height: 1em;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* profile link */

h4.vcard
{
    margin: 0 0 20px 0;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
}
h4.vcard a img
{
    float: left;
    width: 32px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    padding: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
}
h4.vcard a:hover img
{
    border-color: transparent;
    background: transparent;
}
h4.vcard em
{
    display: block;
    margin: 0 0 0 0;
    font-size: .8em;
    line-height: 1.4em;
    font-weight: normal;
    font-style: normal;
    color: #333;
}

/* tags */

h2.section.taggy
{
    text-transform: none;
}
h2.section.taggy a
{
    padding-right: 10px;
    background: url(../images/icon-arrows.gif) no-repeat 100% 5px;
}
h2.section.taggy a:hover
{
    background-position: 100% -17px;
}
h2.section.taggy span
{
    padding-left: 12px;
    color: #333;
    background: url(../images/icon-tag.gif) no-repeat 0 1px;
}

ol.tags
{
    margin: 0 0 20px 0;
}
ol.skills
{
    margin-bottom: 10px;
}
ol.tags li
{
    margin: 0 0 0 6px;
    position: relative;
    display: block;
    font-size: .85em;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
}
#secondary ol.tags li
{
    margin-left: 0;
}
ol.tags li:last-child
{
    border-bottom: none;
}
ol.tags li span.perc
{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 12%;
    height: 100%;
    text-indent: -9999px;
    display: block;
    background: rgba(0,0,0,.07) url(../images/glass-light.png) repeat-x 0 50%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
ol.tags li a
{
    display: block;
    position: relative;
    padding: 3px 6px;
    font-weight: normal;
    text-decoration: none;
    z-index: 2;
    color: #333;
}
ol.tags li a:hover
{
    color: #333;
    text-decoration: none;
}
ol.tags li:hover
{
    background: #fff;
    background: rgba(0,0,0,.07);
    z-index: 1;
}
ol.tags li:hover span.perc
{
    background: none;
}
ol.tags li a strong
{
    font-weight: normal;
}
ol.skills li a strong
{
    font-weight: bold;
    color: #333;
}
ol.tags li a.delete-tag
{
    float: right;
    margin: 4px 6px 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #333;
    background: url(../images/icon-tagx.png) no-repeat 0 0;
    z-index: 3;
}
ol.tags li a.delete-tag:hover
{
    background-position: 0 -12px;
}
ol.tags li a.delete-tag img
{
    height: 0;
}
ol.tags li em
{
    float: right;
    padding: .4em 12px 0 0;
    font-style: normal;
    color: #bbb;
    z-index: 3;
}
ol.tags li em span.global a
{
    margin-left: 5px;
    color: #333;
}
ol.tags li em span.global a:hover
{
    color: #333;
}
ol.main
{
    margin: 0 0 15px 0;
    padding: 0 0 15px 50px;
    border-bottom: 1px solid #ddd;
}
ol.main li
{
    margin: 0 0 4px 0;
}
ol.main li a
{
    padding: 3px 6px;
    color: #333;
}
ol.main li:hover span.perc
{
    background: rgba(0,0,0,.07);
}
div.full p.tag-results
{
    float: right;
    margin: 6px 0 0 0;
    padding-left: 13px;
    font-size: 1.1em;
    line-height: 1;
    background-image: url(../images/icon-tag.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
}

/* popular tags */

ol.popular-tags
{
    margin: 0 0 20px 0;
}
ol.popular-tags-player
{
    margin-bottom: 20px;
}
ol.popular-tags li
{
    float: left;
    margin: 0;
    font-size: 11px;
    line-height: 1;
}
ol.popular-tags li span.perc
{
    display: none;
}
ol.popular-tags li a
{
    float: left;
    margin: 0 6px 6px 0;
    padding: 3px 6px 4px 6px;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    color: #000;
    border: 1px solid #ccc;
    background: rgba(0,0,0,.07) url(../images/glass.png) repeat-x 0 50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
ol.popular-tags li a strong
{
    font-weight: normal;
}
ol.popular-tags li:hover
{
    background: none;
}
ol.popular-tags li em
{
    display: none;
}
ol.popular-tags li a:hover
{
    text-decoration: none;
    color: #555;
    border-color: #bbb;
    background-color: rgba(0,0,0,.1);
}

/* alpha markers */

h3.alpha
{
    float: left;
    width: 30px;
    text-align: center;
    font-size: 1.8em;
    line-height: 1;
    color: #333;
    text-shadow: 0 1px 0 #fff;
}

/* add tags form */

#add-tag-form
{
    margin: -10px 0 10px 0;
}
#add-skills-form
{
    margin: 0 0 25px 0;
}
#add-tag-form input#screenshot_tag_list, #add-skills-form input#skills
{
    float: left;
    width: 148px;
    margin: 0 4px 3px 0;
    padding: 5px 12px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: .9em;
    line-height: 1.4em;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#add-skills-form input#skills
{
    width: 130px;
    padding-left: 30px;
    color: #333;
    background: url(../images/icon-skills.png) no-repeat 8px 50%, url(../images/formbg.gif) repeat-x top left;
}
#add-skills-form input#skills:focus
{
    border-top-color: #eee;
    background: #fff url(../images/icon-skills.png) no-repeat 8px 50%;
    outline-width: 0;
}

#add-tag-form input, #add-skills-form input
{
    vertical-align: middle;
}
#add-tag-link
{
    display: block;
    margin-top: -15px;
    padding-left: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    background: url(../images/icon-tag.gif) no-repeat 12px 1px;
}
#add-tag-link:hover
{
    color: #333;
}
a#cancel-tag-link
{
    font-weight: bold;
}
p#tag-help
{
    clear: both;
    padding-top: 5px;
    font-size: 11px;
    line-height: 1.4;
    color: #333;
}
#add-tags p.warning
{
    padding: 8px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #333;
    border: 1px solid #ccc;
    background: rgba(0,0,0,.07) url(../images/alert-lines.png) repeat-x top left;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* tag search form */

#tag-search
{
    margin-bottom: 25px;
}
#tag-search input.form-text
{
    float: left;
    width: 156px;
    margin: 0 4px 3px 0;
    padding: 5px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: .9em;
    line-height: 1.4em;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#tag-search input
{
    vertical-align: middle;
}
#tag-search-btn
{
    float: left;
}

/* rebound form */

div.full h1 span#rebound-form-link-wrap
{
    font-size: .6em;
    color: #ccc;
}
div.full h1 a#rebound-form-link
{
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    color: #333;
}
div.full h1 a#rebound-form-link:hover
{
    color: #333;
}
#rebound-form-wrap
{
    float: right;
    width: 230px;
    margin: 8px 0 0 0;
}
#rebound-form
{
    display: none;
}
#rebound-form fieldset
{
    margin: 0 0 5px 0;
}
#rebound-form label
{
    display: block;
    margin: 0 0 6px 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
#rebound-form input.form-text
{
    width: 130px;
    margin: 0 2px 0 0;
    padding: 6px 8px;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1;
    color: #333;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#rebound-form input:focus
{
    color: #333;
    outline-width: 0;
}
#rebound-form p
{
    margin: 5px 0 3px 0;
    font-size: .9em;
    line-height: 1.4;
    color: #333;
}

/* share this URL */

#share-form input
{
    width: 170px;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    color: #333;
    border: none;
    background: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#share-form input:focus
{
    color: #333;
    outline-width: 0;
}

/* preview */

ol.preview
{
    margin: 0 0 20px 0;
}
ol.preview li a
{
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #d0d0d0;
}
ol.preview li a:hover
{
    background: #fff;
}

/* twitter updates */

#twitter_update_list
{
    margin: -8px 0 20px 0;
}
#twitter_update_list li
{
    padding: 8px 0;
    font-size: .9em;
    line-height: 1.5;
    color: #333;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#twitter_update_list li:last-child
{
    padding-bottom: 0;
    border-bottom: none;
}
#twitter_update_list li a
{
    display: block;
    font-size: .95em;
    color: #333;
}
#twitter_update_list li a:hover
{
    color: #333;
}
#twitter_update_list li span a
{
    display: inline;
    font-size: 1em;
    color: #4083a9;
}
#twitter_update_list li span a:hover
{
    color: #205f82;
}

/* color chips list */

div.subset-colors
{
    margin: 0 0 20px 0;
}
ul.color-chips
{
    margin: 0 0 5px 0;
}
ul.color-chips li
{
    float: left;
    margin: 0 0 5px 0;
}
ul.color-chips li:last-child
{
    margin-right: 0;
}
ul.color-chips li a
{
    float: left;
    width: 22px;
    height: 12px;
    text-indent: -9999px;
    background-image: url(../images/glass-light.png);
    background-repeat: repeat-x;
    background-position: 0 50%;
}
div.subset-colors ul.color-chips li a
{
    width: 20px;
}
ul.color-chips li:first-child a
{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
ul.color-chips li:last-child a
{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
ul.color-chips li a:hover, ul.color-chips li.current a
{
    background-image: none;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
h3 ul.color-chips
{
    display: inline;
    float: none;
}
h3 ul.color-chips li
{
    display: inline;
    float: none;
}
h3 ul.color-chips li a
{
    display: inline-block;
    float: none;
}

/* color browsing */

div.colors-explore
{
    margin: -10px 0 20px 0;
}
div.colors-explore ul.color-chips, div.colors-explore ul.color-chips li
{
    margin: 0;
}
div.colors-explore ul.color-chips li a
{
    height: 18px;
    width: 25px;
    z-index: 1;
}
div.colors-explore ul.color-chips li a:hover
{
    position: relative;
    margin: -4px;
    width: 33px;
    height: 26px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
div.colors-explore ul.color-chips li.current a, div.colors-explore ul.color-chips li.current a:hover
{
    position: relative;
    height: 18px;
    width: 25px;
    margin: -4px;
    border: 4px solid #fff;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
}
#secondary ul.color-chips
{
    margin-bottom: 15px;
}
#secondary.colors .ui-slider
{
    position: relative;
    height: 4px;
    margin: 12px 0 0 0;
    border-top: 1px solid #c3c3c3;
    border-left: none;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #e3e3e3 url(../images/formbg.gif) repeat-x top left;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#secondary.colors .ui-slider .ui-slider-range
{
    display: block;
    position: absolute;
    height: 10px;
}
#secondary.colors .ui-slider-handle
{
    background: #ddd;
    border: 1px solid #bbb;
    height: 14px;
    position: absolute;
    top: -7px;
    width: 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#secondary.colors form.gen-form
{
    margin: 0 0 40px 0;
}
#secondary.colors form.gen-form fieldset
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
}
#secondary.colors form.gen-form fieldset.hex
{
    text-align: left;
}
#secondary.colors form.gen-form fieldset label
{
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #333;
}
#secondary.colors form.gen-form fieldset label strong.perc
{
    margin-left: 2px;
    color: #444;
}
#secondary.colors form.gen-form input.form-text
{
    width: 146px;
    height: 16px;
    padding: 3px 6px;
    font-size: 13px;
}
#secondary.colors form.gen-form fieldset.combo input
{
    float: right;
}
#secondary.colors form.gen-form fieldset div.picker
{
    padding: 12px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
}

/* announcement button */

div.announce-btn
{
    float: right;
    width: 220px;
    margin: -5px 0 0 0;
}
div.announce-featured
{
    margin-top: -8px;
}
div.announce-btn a
{
    display: block;
    padding: 6px;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.announce-featured a
{
    text-align: left;
}
div.announce-featured a img
{
    float: left;
    margin: 0 4px 0 0;
}
div.announce-btn a strong.title
{
    display: block;
    margin: 0 0 1px 0;
    color: #000;
}
div.announce-featured a strong.title
{
    color: #333;
}
div.announce-btn a:hover
{
    color: #fff;
    color: rgba(255,255,255,.7);
    border-color: #000;
    background: #000 url(../images/glass-light.png) repeat-x 0 50%;
}
div.announce-featured a:hover
{
    color: #333;
    border-color: #ccc;
    background: rgba(0,0,0,.04);
}
div.announce-btn a:hover strong.title
{
    color: #fff;
}
div.announce-featured a:hover strong.title
{
    color: #333;
}

/* bucket lists */

h4.bucket-title
{
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
}
ol.buckets, ol.projects
{
    margin: 0 0 25px 0;
}
ol.buckets li, ol.projects li
{
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    font-size: 13px;
    line-height: 1.2;
    border-bottom: 1px solid #ddd;
}
ol.buckets li:last-child, ol.projects li:last-child
{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
ol.buckets li a, ol.projects li a
{
    display: block;
    overflow: hidden;
}
ol.buckets li a span.bucket-img, ol.projects li a span.bucket-img
{
    background: url(../images/bucket-frame.png) no-repeat 0 0;
    float: left;
    display: block;
    width: 60px;
    height: 58px;
    margin: 0 8px 0 0;
    padding: 5px;
}
ol.buckets li a span.bucket-img img, ol.projects li a span.bucket-img img
{
    background: url(../images/bucket-frame.png) no-repeat 0 0;
    float: left;
    max-width: 60px;
    -webkit-transition: .2s opacity ease;
    -moz-transition: .2s opacity ease;
    -o-transition: .2s opacity ease;
    transition: .2s opacity ease;
}
ol.buckets li a span.bucket-meta, ol.projects li a span.bucket-meta
{
    display: block;
    margin: 4px 0 0 0;
    font-size: 11px;
    line-height: 1;
    color: #000;
}
ol.buckets li a:hover span.bucket-img img, ol.projects li a:hover span.bucket-img img
{
    opacity: .6;
}

/* bucket lightbox */

.overlay
{
    background: #222;
    background: rgba(0,0,0,.7);
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3000;
}
.lightbox
{
    position: absolute;
    left: 50%;
    margin-left: -210px;
    width: 420px;
    z-index: 3001;
    padding: 20px;
    background: #f0f0f0 url(../images/tile.gif) repeat -70% 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.overlay a.close
{
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: .2s opacity ease;
    -moz-transition: .2s opacity ease;
    -o-transition: .2s opacity ease;
    transition: .2s opacity ease;
}
.overlay a.close:hover, .overlay a.close:hover
{
    opacity: .7;
}
.overlay h2.section, .overlay h2.section
{
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1;
}
#bucket-add ol.buckets, #project-add ol.projects
{
    height: 275px;
    padding-right: 10px;
    overflow: auto;
}
#bucket-add ol.buckets li, #project-add ol.projects li
{
    border-bottom: none;
    margin: 0 0 5px 0;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#bucket-add ol.buckets li:last-child, #project-add ol.projects li:last-child
{
    margin: 0;
}
#bucket-add ol.buckets li a, #project-add ol.projects li a
{
    display: block;
    padding: 6px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#bucket-add ol.buckets li a strong, #project-add ol.projects li a strong
{
    display: block;
    margin-right: 50px;
    color: #444;
}
#bucket-add ol.buckets li a:hover, #project-add ol.projects li a:hover
{
    background: rgba(0,0,0,.07);
}
#bucket-add ol.buckets li.bucketed a, #project-add ol.projects li.bucketed a
{
    background: #000 url(../images/icon-check-big.png) no-repeat 100% 25px;
}
#bucket-add ol.buckets li.bucketed a strong, #project-add ol.projects li.bucketed a strong
{
    color: #fff;
}
#bucket-add ol.buckets li.bucketed a span.bucket-meta, #project-add ol.projects li.bucketed a span.bucket-meta
{
    color: rgba(255,255,255,.7);
}
#bucket-add ol.buckets li.bucketed a:hover
{
    background-image: url(../images/icon-minus-big.png);
}
#bucket-add ol.buckets li.selected a, #bucket-add ol.buckets li.selected a:hover, #project-add ol.projects li.selected a, #project-add ol.projects li.selected a:hover
{
    color: #333;
    background: #fff url(../images/processing.gif) no-repeat 349px 25px;
}
#bucket-add ol.buckets li.selected a span.bucket-meta, #bucket-add ol.buckets li.selected a:hover span.bucket-meta, #project-add ol.projects li.selected a span.bucket-meta, #project-add ol.projects li.selected a:hover span.bucket-meta
{
    color: #333;
}
#bucket-add button, #bucket-add input.form-sub, #project-add button, #project-add input.form-sub
{
    font-size: 12px;
}
#project-add div.create-bucket, #bucket-add div.create-bucket
{
    display: none;
}
#bucket-add form.gen-form, #project-add form.gen-form
{
    margin-top: 0;
}
#bucket-add form.gen-form div.form-field, #project-add form.gen-form div.form-field
{
    border: none;
}
#bucket-add form.gen-form fieldset label, #project-add form.gen-form fieldset label
{
    float: none;
    width: auto;
    margin: 0 0 6px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: left;
}
#bucket-add form.gen-form fieldset label span, #project-add form.gen-form fieldset label span
{
    font-size: 11px;
    margin-left: 10px;
    font-weight: normal;
    color: #333;
}
#bucket-add form.gen-form fieldset p.message, #project-add form.gen-form fieldset p.message
{
    text-align: right;
    margin: 0 0 10px 0;
}
a.create
{
    float: right;
    margin: 8px 0 0 0;
    font-size: 12px;
    font-weight: bold;
}

/* player card lightbox */

#change-player-card div.lightbox
{
    width: 460px;
}
#change-player-card div.lightbox ol.player-cards
{
    float: left;
}
#change-player-card div.lightbox ol.player-cards li
{
    margin-bottom: 5px;
}
#change-player-card div.lightbox ol.player-cards:last-child li.group
{
    margin-right: 0;
}
#change-player-card ul.buttons li
{
    float: left;
    width: 50%;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}
#change-player-card .player-card-display a
{
    cursor: default;
}

/* bucket meta info list */

#secondary ul.bucket-meta
{
    margin-bottom: 30px;
}
ul.bucket-meta li.bucket-title-meta
{
    margin: 0;
    padding: 8px 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #333;
    border-bottom: 1px solid #ddd;
}
ul.bucket-meta li.bucket-title
{
    font-size: 14px;
    line-height: 1.3;
}
ul.bucket-meta li span.sep
{
    margin: 0 3px;
    color: #bbb;
}
ul.bucket-meta li span.bucket-url
{
    display: block;
    margin: 4px 0 0 0;
    font-size: 13px;
}
ul.bucket-meta li span.bucket-url a
{
    padding: 8px 0 8px 21px;
    font-weight: normal;
    color: #333;
    background: url(../images/icon-weburl.png) no-repeat 0 8px;
}
ul.bucket-meta li span.bucket-url a:hover
{
    color: #444;
}
ul.bucket-meta li.bucket-title-meta span.bucket-status-stamp
{
    margin-left: 4px;
    font-size: 11px;
    color: #333;
}
ul.bucket-meta li span.badge
{
    margin-left: 0;
}
ul.bucket-meta li:first-child
{
    padding-top: 0;
}
ul.bucket-meta li:last-child
{
    padding-bottom: 0;
    border: none;
}
ul.bucket-meta li.bucket-title-time
{
    padding-left: 24px;
    font-size: 11px;
    color: #333;
    background: url(../images/icon-bucket.png) no-repeat 0 7px;
}
ul.bucket-meta li.project-title-time
{
    background-image: url(../images/icon-addtoproject.png);
}
ul.bucket-meta li.bucket-title-time strong
{
    color: #333;
}
ul.bucket-meta li.bucket-title-attr
{
    font-size: 11px;
    font-weight: normal;
    color: #333;
}
ul.bucket-meta li.bucket-title-attr img
{
    float: left;
    width: 16px;
    margin: 0 5px 0 0;
}
ul.bucket-meta ul.bucket-title-attr a
{
    font-weight: bold;
}

/* bucket meta when under prev/next */

ul.bucket-meta-prevnext
{
    padding: 8px 10px 10px 10px;
    margin-top: -16px;
    background: rgba(0,0,0,.07);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
ul.bucket-meta-prevnext h5.bucket-title
{
    padding: 0;
    font-size: 13px;
    border: none;
}
.live span.meta
{
    color: #888;
    text-shadow: 0 1px 0 white;
}
ul.bucket-meta-prevnext li.project-title-time
{
    padding-top: 4px;
    background-position: 0 4px;
}

/* grid lists */

ol.grid-list
{
    margin: 0 0 25px 0;
}
ol.grid-list li
{
    float: left;
    width: 220px;
    margin: 0 20px 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
ol.grid-list li:nth-child(3n)
{
    margin-right: 0;
}
ol.grid-list li span
{
    margin-left: 4px;
    font-size: 12px;
    font-weight: normal;
    color: #bbb;
}

/* footer
--------------------------------------------- */

#footer
{
    border-top: 1px solid #ddd;
}
#footer-inner
{
    width: 940px;
    margin: 0 auto;
    padding: 20px 30px;
    font-size: 1.2em;
    color: #333;
}
#footer a
{
    font-weight: bold;
    color: #333;
}
#footer a:hover
{
    text-decoration: none;
    color: #000;
}
#footer p
{
    margin: 0 0 8px 0;
    line-height: 1.6;
}
#footer p#footer-nav
{
    margin-top: 3px;
    color: #ccc;
}
#footer-nav a
{
    margin: 0 5px;
}
#footer-nav a#f-home
{
    margin-left: 0;
}
#footer a.footer-twitter
{
    margin: 0 15px 0 0;
    padding: 1px 0 0 20px;
    background: url(../images/icon-twitter-footer.gif) no-repeat 0 0;
}
#footer a.footer-meetup
{
    padding: 1px 0 0 20px;
    background: url(../images/icon-meetup.png) no-repeat 0 0;
}
#footer a.footer-twitter:hover, #footer a.footer-meetup:hover
{
    background-position: 0 -34px;
}
#footer-nav a span.badge
{
    font-size: 9px;
    line-height: 2.2;
    vertical-align: top;
    background-color: #333;
}
#footer-nav a:hover span.badge
{
    background-color: #000;
}

/* pixels dribbbled */

h4#pixels-total
{
    position: relative;
    width: 166px;
    float: right;
    margin: 8px 0 0 0;
    padding: 0 0 0 54px;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: normal;
    color: #333;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-right-radius: 6px;
    -moz-border-top-left-radius: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 20px;
}
#non-logged-blurb h4#pixels-total
{
    margin-top: 12px;
}
h4#pixels-total strong
{
    display: block;
    padding-top: 4px;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: bold;
    color: #333;
}
h4#pixels-total img
{
    position: absolute;
    top: 0;
    left: 0;
}

/* misc.
--------------------------------------------- */

hr, .hide
{
    display: none;
}
a img
{
    border: none;
}

/* rss links */

a.rss
{
    float: right;
    margin: 21px 10px 0 0;
    padding: 0 0 0 15px;
    font-size: .8em;
    line-height: 12px;
    font-weight: bold;
    color: #000;
    background: url(../images/icon-rss.gif) no-repeat 0 0;
}
a.rss:hover
{
    color: #ac2d5d;
    background-position: 0 -36px;
}
a.rss-top
{
    margin: 0;
    font-size: 1em;
}

/* processing bouncing ball */

div.processing
{
    margin: 0;
    padding: 10px 10px 10px 42px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8em;
    color: #333;
    background: #fff url(../images/processing.gif) no-repeat 10px 50%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 999;
}
div.processing em
{
    font-weight: normal;
    font-style: normal;
    color: #333;
}
.processing, a.processing, div.meta-act a.processing, div.meta-act div.marked a.processing, a.processing:hover, input.processing:hover
{
    padding-left: 33px;
    color: #333;
    background: #fff url(../images/processing.gif) no-repeat 3px 50%;
}
a.processing:hover span
{
    color: #333;
}
span.processing
{
    display: inline-block;
    padding: 6px 10px 6px 33px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.processing span
{
    padding: 0;
    background: none;
}
table.data td.follow a.processing, /* when mini follow/unfollow icon only */ ol.players-list li a.processing, ol.player-cards li a.processing
{
    padding: 0;
    width: 24px;
    height: 24px;
    background-position: -4px 50%;
    overflow: hidden;
}
div.single-title div.shot-byline a.processing
{
    /* when tiny follow/unfollow icon only on shot detail byline */
    background-position: -9px -3px;
    overflow: hidden;
}
div.single-title div.shot-byline a.processing span, div.single-title div.shot-byline a.processing:hover span
{
    background: none;
}
table.data td.follow a.processing:hover span, ol.players-list li a.processing:hover span, ol.player-cards li a.processing:hover span
{
    background: none;
}

/* error handling */

.errorExplanation
{
    margin: 0 0 20px 0;
    font-size: 1em;
    line-height: 1.5;
    font-weight: normal;
    text-align: left;
    color: #df3b3b;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px #ddd;
    -moz-box-shadow: 2px 2px 2px #ddd;
    box-shadow: 2px 2px 2px #ddd;
}
.errorExplanation h2
{
    padding: 10px 20px;
    font-size: 1.2em;
    line-height: 1;
    color: #fff;
    background: #df3b3b url(../images/alert-lines.png) repeat-x top left;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.errorExplanation ul, div.site .errorExplanation ul
{
    margin-top: 0;
    padding: 20px 20px 15px 20px;
}
.errorExplanation ul li, div.site .errorExplanation ul li
{
    margin: 0 0 5px 20px;
    list-style: disc;
}
#project-add .errorExplanation ul li, #bucket-add .errorExplanation ul li
{
    font-size: 12px;
    line-height: 1.4;
}
fieldset.fieldWithErrors
{
    background: url(../images/icon-error.png) no-repeat 20px 50%;
}
div.main-full fieldset.fieldWithErrors
{
    background: none;
}
#project-add fieldset.fieldWithErrors, #bucket-add fieldset.fieldWithErrors
{
    background: none;
}

/* null value messages */

.null
{
    font-size: .8em;
    font-style: normal;
    color: #333;
}
.null-message
{
    margin: 40px;
    text-align: center;
    font-style: normal;
    color: #333;
}
.null-message h2
{
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.5;
    text-shadow: 0 1px 0 #fff;
}

/* friendly announcements */

div.friendly
{
    margin: 0 0 25px 0;
    padding: 15px 15px 10px 15px;
    font-size: 1.2em;
    line-height: 1.4;
    color: #505d68;
    background: rgba(118,182,217,.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
div.form-field div.friendly
{
    font-size: 1em;
    margin: 15px 0 0 0;
}
div.friendly h2
{
    margin: 0 0 10px 0;
    font-size: 1.4em;
    line-height: 1;
    font-weight: bold;
}
div.friendly h3
{
    margin: 15px 0 10px 0;
    font-size: 1.2em;
    line-height: 1;
    font-weight: normal;
}
div.friendly p
{
    margin: 0 0 5px 0;
    line-height: 1.4;
}
div.friendly a:link, div.friendly a:visited
{
    font-weight: bold;
}
div.friendly ul
{
    margin: 0 0 0 25px;
    list-style: disc;
}
div.friendly ul li
{
    margin: 0 0 2px 0;
}

/* highlighting for ajax editing */

.highlighted
{
    margin: 0;
    background: url(../images/hi-bg.png);
}

/* self-clear floats */

.group:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* tipsy tooltips */

.tipsy
{
    padding: 5px;
    font-size: 1.1em;
    line-height: 1.4;
    position: absolute;
    z-index: 100000;
}
.tipsy-inner
{
    padding: 6px 8px;
    background: #1e2124 repeat-x top left;
    color: white;
    color: rgba(255,255,255,.9);
    max-width: 130px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.tipsy-inner
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-arrow
{
    position: absolute;
    background: url(../images/tipsy.png) no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow
{
    top: 0;
    left: 50%;
    margin-left: -4px;
}
.tipsy-nw .tipsy-arrow
{
    top: 0;
    left: 10px;
}
.tipsy-ne .tipsy-arrow
{
    top: 0;
    right: 10px;
}
.tipsy-s .tipsy-arrow
{
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}
.tipsy-sw .tipsy-arrow
{
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}
.tipsy-se .tipsy-arrow
{
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}
.tipsy-e .tipsy-arrow
{
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}
.tipsy-w .tipsy-arrow
{
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}

.tipsy p
{
    margin: 0 0 10px 0;
    text-align: left;
}
.tipsy p:last-child
{
    margin: 0;
}

/* IE patches
--------------------------------------------- */

*:first-child + html .group, *:first-child + html ul.tabs, *:first-child + html h3.tab
{
    /* IE7 */
    min-height: 1px;
}

*:first-child + html #add fieldset#upload input
{
    border: 1px solid #ddd;
    background: #fff;
}

/*notification*/
.close
{
    display: none;
    color: #990000;
	font-size: 9px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.fb_share_link
{
    padding: 2px 0 0 20px;
    height: 16px;
    background: url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left;
}
